<template>
  <view class="container">
    <view class="bg">
      <view class="tips">
        {{ site.site_notice }}
      </view>
      <view class="swiper-container swiper-initialized swiper-horizontal swiper-backface-hidden">
        <view class="swiper-wrapper" id="swiper-wrapper-4b82467f4101dec18" aria-live="off">
          <view class="swiper-slide swiper-slide-active"
               style="background-image: url('/static/storage/67288289ae128.png'); background-position: center center; background-size: cover; background-repeat: no-repeat; width: 375px; margin-right: 30px;"
               role="group" aria-label="1 / 2" data-swiper-slide-index="0"></view>
          <view class="swiper-slide swiper-slide-next"
               style="background-image: url('/static/storage/6728834d6da0d.png'); background-position: center center; background-size: cover; background-repeat: no-repeat; width: 375px; margin-right: 30px;"
               role="group" aria-label="2 / 2" data-swiper-slide-index="1"></view>
        </view>
        <view
            class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal">
          <span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button"
                aria-label="Go to slide 1" aria-current="true"></span><span class="swiper-pagination-bullet"
                                                                            tabindex="0" role="button"
                                                                            aria-label="Go to slide 2"></span></view>
        <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></view>
      <view class="main">
        <view class="h1">选择充值类型</view>
        <view class="type flexJA flexSb">
          <a class="left picture1"
             style="background-image: url('/static/storage/6753f7506bfeb.jpeg');flex: 1 1 0%; margin-right: 13px;text-decoration: none;"
             href="javascript:;" @click="goapp({'id':3})">
            <view class="blue">普通话费充值</view>
            <view class="text">7.5折 0-3小时快充</view>
            <view class="btn flexJA">充值</view>
          </a>
          <a class="left picture1"
             style="background-image: url('/static/storage/6753f74956c6d.jpeg');flex: 1 1 0%; text-decoration: none;" @click="goapp({'id':4})"
             href="javascript:;">
            <view class="blue">高折扣话费充值</view>
            <view class="text">6.5折 0-24小时慢充</view>
            <view class="btn flexJA">充值</view>
          </a>
        </view>
        <view class="list">
          <view class="item flexJA flexSb" v-for="(apps,index) in appfuns.data" :key="index">
            <img class="icon" :src="apps.domain_image">
            <view class="centre">
              <view class="text1">{{ apps.name }}</view>
              <view class="text2">{{ apps.textarea }}</view>
            </view>
            <a class="btn flexJA" @click="goapp(apps)" href="javascript:;">前往</a>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      title: 'Hello',
      appfuns: [],
      site: {
        site_notice: ''
      },
      tabList: [
        {'id':4,value:'全部'},
        {'id':0,value:'待充值'},
        {'id':1,value:'充值中'},
        {'id':2,value:'已完成'},
        {'id':3,value:'已取消'}
      ]
    }
  },
  onLoad() {

  },
  onShow() {
    this.getInit()
  },
  methods: {
    goapp(appitem) {
      if (appitem.id == 1) {
        uni.navigateTo({
          url: '/pages/query_business/query_business?id=' + appitem.id
        });
      } else {
        uni.navigateTo({
          url: '/pages/product?id=' + appitem.id
        })
      }
    },
    async getInit() {
      const that = this
      this.$api.index({}).then(res => {
        let result = res.data;
        that.appfuns = result.appfuns;
        that.site = result.site;
      })
    }
  }
}
</script>
<style scoped>
footer {
  display: block;
  box-sizing: border-box;
  width: 100%;
  z-index: 998
}

footer .footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  z-index: 998;
  box-sizing: border-box
}

footer.footer-bottom, footer.footer-bottom .footer, footer.footer-top, footer.footer-top .footer {
  position: fixed;
  left: var(--window-left);
  right: var(--window-right)
}

.uni-app--showlayout + footer.footer-bottom, .uni-app--showlayout + footer.footer-bottom .footer, .uni-app--showlayout + footer.footer-top, .uni-app--showlayout + footer.footer-top .footer {
  left: var(--window-margin);
  right: var(--window-margin)
}

footer.footer-bottom .footer {
  bottom: 0;
  padding-bottom: 0;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom)
}

footer .footer ~ .uni-placeholder {
  width: 100%;
  margin-bottom: 0;
  margin-bottom: constant(safe-area-inset-bottom);
  margin-bottom: env(safe-area-inset-bottom)
}

footer .footer * {
  box-sizing: border-box
}

footer .footer__item {
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  font-size: 0;
  text-align: center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

footer .footer__bd, footer .footer__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal
}

footer .footer__bd {
  position: relative;
  -webkit-flex-direction: column;
  flex-direction: column;
  cursor: pointer;
  text-decoration: none;
}

footer .footer__icon {
  position: relative;
  display: inline-block;
  margin-top: 5px
}

footer .footer__icon.footer__icon__diff {
  margin-top: 0;
  width: 34px;
  height: 34px
}

footer .footer__icon img {
  width: 100%;
  height: 100%
}

footer .footer__iconfont {
  font-family: UniTabbarIconFont
}

footer .footer__label {
  position: relative;
  text-align: center;
  font-size: 10px
}

footer .footer-border {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5)
}

footer .footer__reddot {
  position: absolute;
  top: 2px;
  right: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #f43530;
  color: #fff;
  -webkit-transform: translate(40%);
  transform: translate(40%)
}

footer .footer__badge {
  width: auto;
  height: 16px;
  line-height: 16px;
  border-radius: 16px;
  min-width: 16px;
  padding: 0 2px;
  font-size: 12px;
  text-align: center;
  white-space: nowrap
}

footer .footer__mid {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  background-size: 100% 100%
}

uni-content, footer .footer__mid {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}

uni-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  height: 100%
}

uni-main {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  width: 100%
}

uni-top-window + uni-content {
  height: calc(100vh - var(--top-window-height))
}

uni-left-window {
  width: var(--window-left);
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  order: -1
}

uni-left-window, uni-right-window {
  position: relative;
  overflow-x: hidden
}

uni-right-window {
  width: var(--window-right)
}

uni-left-window[data-show], uni-right-window[data-show] {
  position: absolute
}

uni-right-window[data-show] {
  right: 0
}

.uni-left-window, .uni-right-window, uni-content .uni-mask {
  z-index: 997
}

.uni-mask + .uni-left-window, .uni-mask + .uni-right-window {
  position: fixed
}

.uni-top-window {
  position: fixed;
  left: var(--window-margin);
  right: var(--window-margin);
  top: 0;
  z-index: 998;
  overflow: hidden
}

uni-toast {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  display: block;
  box-sizing: border-box;
  pointer-events: none;
  font-size: 16px
}

uni-toast .uni-sample-toast {
  position: fixed;
  z-index: 999;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  max-width: 80%
}

uni-toast .uni-simple-toast__text {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  background-color: rgba(17, 17, 17, .7);
  padding: 10px 20px;
  border-radius: 5px;
  font-size: 13px;
  text-align: center;
  max-width: 100%;
  word-break: break-word;
  white-space: normal
}

uni-toast .uni-mask {
  pointer-events: auto
}

uni-toast .uni-toast {
  position: fixed;
  z-index: 999;
  width: 8em;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: rgba(17, 17, 17, .7);
  text-align: center;
  border-radius: 5px;
  color: #fff
}

uni-toast .uni-toast * {
  box-sizing: border-box
}

uni-toast .uni-toast__icon {
  margin: 20px 0 0;
  width: 38px;
  height: 38px;
  vertical-align: baseline
}

uni-toast .uni-icon_toast {
  margin: 15px 0 0
}

uni-toast .uni-icon_toast.uni-icon-success-no-circle:before {
  color: #fff;
  font-size: 55px
}

uni-toast .uni-icon_toast.uni-icon-error:before {
  color: #fff;
  font-size: 50px
}

uni-toast .uni-icon_toast.uni-loading {
  margin: 20px 0 0;
  width: 38px;
  height: 38px;
  vertical-align: baseline
}

uni-toast .uni-toast__content {
  margin: 0 0 15px
}

uni-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  display: block;
  box-sizing: border-box
}

uni-modal .uni-modal {
  position: fixed;
  z-index: 999;
  width: 80%;
  max-width: 300px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff;
  text-align: center;
  border-radius: 3px;
  overflow: hidden
}

uni-modal .uni-modal * {
  box-sizing: border-box
}

uni-modal .uni-modal__hd {
  padding: 1em 1.6em .3em
}

uni-modal .uni-modal__title {
  font-weight: 400;
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

uni-modal .uni-modal__bd, uni-modal .uni-modal__title {
  word-wrap: break-word;
  word-break: break-all;
  white-space: pre-wrap
}

uni-modal .uni-modal__bd {
  padding: 1.3em 1.6em 1.3em;
  min-height: 40px;
  font-size: 15px;
  line-height: 1.4;
  color: #999;
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto
}

uni-modal .uni-modal__textarea {
  resize: none;
  border: 0;
  margin: 0;
  width: 90%;
  padding: 10px;
  font-size: 20px;
  outline: none;
  border: none;
  background-color: #eee;
  text-decoration: inherit
}

uni-modal .uni-modal__ft {
  position: relative;
  line-height: 48px;
  font-size: 18px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}

uni-modal .uni-modal__ft:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid #d5d5d6;
  color: #d5d5d6;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5)
}

uni-modal .uni-modal__btn {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  color: #3cc51f;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: relative;
  cursor: pointer
}

uni-modal .uni-modal__btn:active {
  background-color: #eee
}

uni-modal .uni-modal__btn:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  bottom: 0;
  border-left: 1px solid #d5d5d6;
  color: #d5d5d6;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleX(.5);
  transform: scaleX(.5)
}

uni-modal .uni-modal__btn:first-child:after {
  display: none
}

uni-modal .uni-modal__btn_default {
  color: #353535
}

uni-modal .uni-modal__btn_primary {
  color: #007aff
}

uni-actionsheet {
  display: block;
  box-sizing: border-box
}

uni-actionsheet .uni-actionsheet {
  position: fixed;
  left: 6px;
  right: 6px;
  bottom: 6px;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 999;
  visibility: hidden;
  -webkit-transition: visibility .3s, -webkit-transform .3s;
  transition: visibility .3s, -webkit-transform .3s;
  transition: transform .3s, visibility .3s;
  transition: transform .3s, visibility .3s, -webkit-transform .3s
}

uni-actionsheet .uni-actionsheet.uni-actionsheet_toggle {
  visibility: visible;
  -webkit-transform: translate(0);
  transform: translate(0)
}

uni-actionsheet .uni-actionsheet * {
  box-sizing: border-box
}

uni-actionsheet .uni-actionsheet__action, uni-actionsheet .uni-actionsheet__menu {
  border-radius: 5px;
  background-color: #fcfcfd
}

uni-actionsheet .uni-actionsheet__action {
  margin-top: 6px
}

uni-actionsheet .uni-actionsheet__cell, uni-actionsheet .uni-actionsheet__title {
  position: relative;
  padding: 10px 6px;
  text-align: center;
  font-size: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer
}

uni-actionsheet .uni-actionsheet__title {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  color: var(--UI-FG);
  background-color: #fff;
  border-radius: 5px 5px 0 0;
  border-bottom: 1px solid #e5e5e5
}

uni-actionsheet .uni-actionsheet__cell:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid #e5e5e5;
  color: #e5e5e5;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5)
}

uni-actionsheet .uni-actionsheet__cell:active {
  background-color: #ececec
}

uni-actionsheet .uni-actionsheet__cell:first-child:before {
  display: none
}

@media screen and (min-width: 500px) and (min-height: 500px) {
  .uni-mask.uni-actionsheet__mask {
    background: none
  }

  uni-actionsheet .uni-actionsheet {
    width: 300px;
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    -webkit-transition: opacity .3s, visibility .3s;
    transition: opacity .3s, visibility .3s
  }

  uni-actionsheet .uni-actionsheet.uni-actionsheet_toggle {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }

  uni-actionsheet .uni-actionsheet__menu {
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, .3)
  }

  uni-actionsheet .uni-actionsheet__action {
    display: none
  }
}

.image-view-area, .image-view-view {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

.image-view-img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-height: 100%;
  max-width: 100%
}

.uni-system-preview-image {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: rgba(0, 0, 0, .8)
}

.uni-system-preview-image-swiper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

.uni-system-preview-image .nav-btn-back {
  position: absolute;
  box-sizing: border-box;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  padding: 6px;
  line-height: 32px;
  font-size: 26px;
  color: #fff;
  text-align: center;
  cursor: pointer
}

* {
  margin: 0;
  -webkit-tap-highlight-color: transparent
}

@font-face {
  font-weight: 400;
  font-style: normal;
  font-family: uni;
  src: url("data:application/octet-stream;base64,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") format("truetype")
}

@font-face {
  font-weight: 400;
  font-style: normal;
  font-family: unibtn;
  src: url("data:application/octet-stream;base64,AAEAAAAKAIAAAwAgT1MvMvUTHSwAAACsAAAAYGNtYXD/1LSBAAABDAAAAVpnbHlmz06L9gAAAmgAAAQ0aGVhZA501cwAAAacAAAANmhoZWEH7wQ6AAAG1AAAACRobXR4JCoHAwAABvgAAAAkbG9jYQQeBSgAAAccAAAAFG1heHAADQBLAAAHMAAAACBuYW1l5hEPkgAAB1AAAAHacG9zdAQfBCEAAAksAAAAPAAEBAUBkAAFAAACmQLMAAAAjwKZAswAAAHrADMBCQAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEDmAP/9A8D/wABAA8AAQAAAAAEAAAAAAAAAAAAAACAAAAAAAAMAAAADAAAAHAABAAAAAABUAAMAAQAAABwABAA4AAAACgAIAAIAAuYC5gbmUf/9//8AAOYA5gTmUP/9//8aARoAGbcAAwABAAAAAAAAAAAAAAAAAQYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAWAAeQLBAuoAFQAAASY0NzYyFwEeARUUBgcBBiInJjQ3AQFgCAgHFgcBNQQEBAT+ywcWBwgIASICxQcXBwgI/twECwUGCwT+3AgIBxcIARMAAAABAVgAeQK5AuoAFQAACQIWFAcGIicBLgE1NDY3ATYyFxYUArn+3gEiCAgIFQj+zAUDAwUBNAgVCAgCxf7t/u0IFwcICAEkBAsGBQsEASQICAcXAAACANAAaQO6Aw0AGwA0AAAlFAYjISImNRE0NjsBNSMiBhURFBYzITI2PQEjEycHFwcOAw8BMzU+ATc+AT8CBxc3JwNSBwT9wgQGBgSwwBEYGBECXxEXLmikIW53SoJjPQUBLwU2LS11QAZqbiGkAaUEBwcEAagFBjEZEf40ERkZEqUBKKwjcwEGPF9+RwgHPG4rKzIEAQF0IqwCAAACAJcAXgNzAxsALwBIAAABLgEvAi4BIyIGDwIOAQcGFh8BBwYWFx4BMzI2PwEXHgEzMjY3PgEnNDUnNz4BBTYmLwE3PgE/ARceAR8BBw4BHwEnJgYPAQNzAgoG42cDCgcGCgNk4wYKAgEDBKUlAQUFAwYEAgUDyswCBQMGCgMCAQEoowUD/foBAwSNwgUJAlZYAgkFw4wEAwEirgULBK4CFAYIAR/NBgYGBs4jAQgGBgwEn+IGDAQCAgIBbGoBAQYGAwkDAQHeoQUMsAYKBIgdAQYFsbAFBgEbiQQLBcFaAwECXAACAL8AdQNQAxEAIAA8AAABIgYdARQGIyEiJj0BNCYjIgYdAR4BMyEyNj0BNCYnLgE3AS4BIyIGBwEGFBceATMyNjcBNjIXARYyNz4BAvcKDgsH/nUICw4KCQ8BJhsBjBsnBAMDCVT+5goYDQ0YCf7mBgcDCQUECAQBGQUQBQEaBxMHBgEBsA4J4gcLCwfiCQ4OCeIbJycb4gQJAwQDNAEaCgkJCf7lBxMGBAMDAwEZBQX+5wYHBhMAAwDcAXYDMQH6AAsAFwAjAAABMjY1NCYjIgYVFBYhMjY1NCYjIgYVFBYhMjY1NCYjIgYVFBYBHhwnJxwbJycBAxwnJxwbJycBBBsnJxscJycBdicbGycnGxsnJxsbJycbGycnGxsnJxsbJwAAAQDsAJ0DFALOACUAAAE3NjQnJiIPAScmIgcGFB8BBwYUFx4BMzI2PwEXHgEzMjY3NjQnAijsCQkIGAjs6ggYCAkJ6uwJCQQKBgULBOzsBAsFBgoECQkBu+oJFwkICOvrCAgIGAjr6wgYCAQEBATr7QUEBQQIFwkAAQBdAIwD0AL4AB4AAAEWFRYHAQYHBgcGIyIvASYvAQEmJzQ3PgEXCQE2MzYDwwwBDP3/BAUCAgcGCAcEAwMD/toJAQoMHQwBDAHoCw8PAu4LDRAL/dsEAgECAQECAgMCASELDg8NCQIL/vkCCAoBAAEAAAABAADLWb2BXw889QALBAAAAAAA1ZTIqwAAAADVlMirAF0AXgPQAxsAAAAIAAIAAAAAAAAAAQAAA8D/wAAABCoAXQBGA9AAAQAAAAAAAAAAAAAAAAAAAAkEAAAABAABYAQAAVgEAADQBAAAlwQAAL8EAADcBAAA7AQqAF0AAAAAACoAVACiARQBcAGmAeICGgABAAAACQBJAAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIABwAOAAEAAAAAAAMADgAVAAEAAAAAAAQADgAjAAEAAAAAAAUACwAxAAEAAAAAAAYADgA8AAEAAAAAAAoAGgBKAAMAAQQJAAEAHABkAAMAAQQJAAIADgCAAAMAAQQJAAMAHACOAAMAAQQJAAQAHACqAAMAAQQJAAUAFgDGAAMAAQQJAAYAHADcAAMAAQQJAAoANAD4c3RyZWFtaWNvbmZvbnRSZWd1bGFyc3RyZWFtaWNvbmZvbnRzdHJlYW1pY29uZm9udFZlcnNpb24gMS4wc3RyZWFtaWNvbmZvbnRGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBzAHQAcgBlAGEAbQBpAGMAbwBuAGYAbwBuAHQAUgBlAGcAdQBsAGEAcgBzAHQAcgBlAGEAbQBpAGMAbwBuAGYAbwBuAHQAcwB0AHIAZQBhAG0AaQBjAG8AbgBmAG8AbgB0AFYAZQByAHMAaQBvAG4AIAAxAC4AMABzAHQAcgBlAGEAbQBpAGMAbwBuAGYAbwBuAHQARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACQAJAAABAgEDAQQBBQEGAQcBCAEJAAAAAAAAAAA=") format("truetype")
}

body, html {
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%
}

body {
  overflow-x: hidden
}

body, uni-page-body {
  background-color: var(--UI-BG-0);
  color: var(--UI-FG-0)
}

[class*=" uni-icon-"], [class^=uni-icon-] {
  display: inline-block;
  vertical-align: middle;
  font: normal normal normal 14px/1 uni;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased
}

[class*=" uni-btn-icon"], [class^=uni-btn-icon] {
  display: inline-block;
  font: normal normal normal 14px/1 unibtn;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased
}

[class*=" uni-btn-icon"]:before, [class^=uni-btn-icon]:before {
  margin: 0;
  box-sizing: border-box
}

.uni-icon-success-no-circle:before {
  content: "\EA08"
}

.uni-icon-error:before {
  content: "\EA0B"
}

.uni-loading, uni-button[loading]:before {
  background: rgba(0, 0, 0, 0) url("") no-repeat
}

.uni-loading {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  -webkit-animation: uni-loading 1s steps(12) infinite;
  animation: uni-loading 1s steps(12) infinite;
  background-size: 100%
}

@-webkit-keyframes uni-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes uni-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

.uni-mask {
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .5)
}

.uni-fade-enter-active, .uni-fade-leave-active {
  -webkit-transition-duration: .25s;
  transition-duration: .25s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease
}

.uni-fade-enter, .uni-fade-leave-active {
  opacity: 0
}

[nvue] uni-label, [nvue] uni-scroll-view, [nvue] uni-swiper-item, [nvue] uni-view {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: flex-start;
  align-content: flex-start
}

[nvue] uni-button {
  margin: 0
}

[nvue-dir-row] uni-label, [nvue-dir-row] uni-swiper-item, [nvue-dir-row] uni-view {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row
}

[nvue-dir-column] uni-label, [nvue-dir-column] uni-swiper-item, [nvue-dir-column] uni-view {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column
}

[nvue-dir-row-reverse] uni-label, [nvue-dir-row-reverse] uni-swiper-item, [nvue-dir-row-reverse] uni-view {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse
}

[nvue-dir-column-reverse] uni-label, [nvue-dir-column-reverse] uni-swiper-item, [nvue-dir-column-reverse] uni-view {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse
}

[nvue] uni-image, [nvue] uni-input, [nvue] uni-scroll-view, [nvue] uni-swiper, [nvue] uni-swiper-item, [nvue] uni-text, [nvue] uni-textarea, [nvue] uni-video, [nvue] uni-view {
  position: relative;
  border: 0 solid #000;
  box-sizing: border-box
}

[nvue] uni-swiper-item {
  position: absolute
}

html {
  --UI-BG: #fff;
  --UI-BG-1: #f7f7f7;
  --UI-BG-2: #fff;
  --UI-BG-3: #f7f7f7;
  --UI-BG-4: #4c4c4c;
  --UI-BG-5: #fff;
  --UI-FG: #000;
  --UI-FG-0: rgba(0, 0, 0, 0.9);
  --UI-FG-HALF: rgba(0, 0, 0, 0.9);
  --UI-FG-1: rgba(0, 0, 0, 0.5);
  --UI-FG-2: rgba(0, 0, 0, 0.3);
  --UI-FG-3: rgba(0, 0, 0, 0.1)
}

uni-app {
  width: 100%;
  height: 100%
}

uni-app, uni-page-head {
  display: block;
  box-sizing: border-box
}

uni-page-head .uni-page-head {
  position: fixed;
  left: var(--window-left);
  right: var(--window-right);
  height: 44px;
  height: calc(44px + constant(safe-area-inset-top));
  height: calc(44px + env(safe-area-inset-top));
  padding: 7px 3px;
  padding-top: calc(7px + constant(safe-area-inset-top));
  padding-top: calc(7px + env(safe-area-inset-top));
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  box-sizing: border-box;
  z-index: 998;
  color: #fff;
  background-color: #000;
  -webkit-transition-property: all;
  transition-property: all
}

uni-page-head .uni-page-head-titlePenetrate, uni-page-head .uni-page-head-titlePenetrate .uni-page-head-bd, uni-page-head .uni-page-head-titlePenetrate .uni-page-head-bd * {
  pointer-events: none
}

uni-page-head .uni-page-head-titlePenetrate * {
  pointer-events: auto
}

uni-page-head .uni-page-head.uni-page-head-transparent .uni-page-head-ft > view{
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}

uni-page-head .uni-page-head ~ .uni-placeholder {
  width: 100%;
  height: 44px;
  height: calc(44px + constant(safe-area-inset-top));
  height: calc(44px + env(safe-area-inset-top))
}

uni-page-head .uni-placeholder-titlePenetrate {
  pointer-events: none
}

uni-page-head .uni-page-head * {
  box-sizing: border-box
}

uni-page-head .uni-page-head-hd {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 16px
}

uni-page-head .uni-page-head-bd {
  position: absolute;
  left: 70px;
  right: 70px;
  min-width: 0
}

.uni-page-head-btn {
  position: relative;
  width: auto;
  margin: 0 2px;
  word-break: keep-all;
  white-space: pre;
  cursor: pointer
}

.uni-page-head-transparent .uni-page-head-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, .5)
}

uni-page-head .uni-btn-icon {
  overflow: hidden;
  min-width: 1em
}

.uni-page-head-btn-red-dot:after {
  content: attr(badge-text);
  position: absolute;
  right: 0;
  top: 0;
  background-color: red;
  color: #fff;
  width: 18px;
  height: 18px;
  line-height: 18px;
  border-radius: 18px;
  overflow: hidden;
  -webkit-transform: scale(.5) translate(40%, -40%);
  transform: scale(.5) translate(40%, -40%);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0
}

.uni-page-head-btn-red-dot[badge-text]:after {
  font-size: 12px;
  width: auto;
  min-width: 18px;
  max-width: 42px;
  text-align: center;
  padding: 0 3px;
  -webkit-transform: scale(.7) translate(40%, -40%);
  transform: scale(.7) translate(40%, -40%)
}

.uni-page-head-btn-select > .uni-btn-icon:after {
  display: inline-block;
  font-family: unibtn;
  content: "\e601";
  margin-left: 2px;
  -webkit-transform: rotate(-90deg) scale(.8);
  transform: rotate(-90deg) scale(.8)
}

.uni-page-head-search {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  margin: 0 2px;
  line-height: 30px;
  font-size: 15px
}

.uni-page-head-search-input {
  width: 100%;
  height: 100%;
  padding-left: 34px;
  text-align: left
}

.uni-page-head-search-placeholder {
  position: absolute;
  max-width: 100%;
  height: 100%;
  padding-left: 34px;
  overflow: hidden;
  word-break: keep-all;
  white-space: pre
}

.uni-page-head-search-placeholder-right {
  right: 0
}

.uni-page-head-search-placeholder-center {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.uni-page-head-search-placeholder:before {
  position: absolute;
  top: 0;
  left: 2px;
  width: 30px;
  content: "\ea0e";
  display: block;
  font-size: 20px;
  font-family: uni;
  text-align: center
}

uni-page-head .uni-page-head-ft {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  font-size: 13px
}

uni-page-head .uni-page-head__title {
  font-weight: 700;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

uni-page-head .uni-page-head__title .uni-loading {
  width: 16px;
  height: 16px;
  margin-top: -3px
}

uni-page-head .uni-page-head__title .uni-page-head__title_image {
  width: auto;
  height: 26px;
  vertical-align: middle
}

uni-page-head .uni-page-head-shadow {
  overflow: visible
}

uni-page-head .uni-page-head-shadow:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 5px;
  background-size: 100% 100%
}

uni-page-head .uni-page-head-shadow-grey:after {
  background-image: url(https://cdn.dcloud.net.cn/img/shadow-grey.png)
}

uni-page-head .uni-page-head-shadow-blue:after {
  background-image: url(https://cdn.dcloud.net.cn/img/shadow-blue.png)
}

uni-page-head .uni-page-head-shadow-green:after {
  background-image: url(https://cdn.dcloud.net.cn/img/shadow-green.png)
}

uni-page-head .uni-page-head-shadow-orange:after {
  background-image: url(https://cdn.dcloud.net.cn/img/shadow-orange.png)
}

uni-page-head .uni-page-head-shadow-red:after {
  background-image: url(https://cdn.dcloud.net.cn/img/shadow-red.png)
}

uni-page-head .uni-page-head-shadow-yellow:after {
  background-image: url(https://cdn.dcloud.net.cn/img/shadow-yellow.png)
}

uni-page-head .uni-icon-clear {
  -webkit-align-self: center;
  align-self: center;
  padding-right: 5px
}

uni-page-wrapper {
  display: block;
  height: 100%;
  position: relative
}

uni-page-head[uni-page-head-type=default] ~ uni-page-wrapper {
  height: calc(100% - 44px);
  height: calc(100% - 44px - constant(safe-area-inset-top));
  height: calc(100% - 44px - env(safe-area-inset-top))
}

uni-page-body, uni-page-refresh {
  display: block;
  box-sizing: border-box;
  width: 100%
}

uni-page-refresh {
  position: absolute;
  top: 0;
  height: 40px
}

uni-page-refresh .uni-page-refresh {
  position: absolute;
  top: -45px;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  background: #fff;
  box-shadow: 0 1px 6px rgba(0, 0, 0, .117647), 0 1px 4px rgba(0, 0, 0, .117647);
  display: none;
  z-index: 997
}

uni-page-refresh .uni-page-refresh, uni-page-refresh .uni-page-refresh-inner {
  width: 40px;
  height: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 50%
}

uni-page-refresh .uni-page-refresh-inner {
  line-height: 0
}

uni-page-refresh.uni-page-refresh--aborting .uni-page-refresh, uni-page-refresh.uni-page-refresh--pulling .uni-page-refresh, uni-page-refresh.uni-page-refresh--reached .uni-page-refresh, uni-page-refresh.uni-page-refresh--refreshing .uni-page-refresh, uni-page-refresh.uni-page-refresh--restoring .uni-page-refresh, uni-page-refresh .uni-page-refresh-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}

uni-page-refresh.uni-page-refresh--aborting .uni-page-refresh__spinner, uni-page-refresh.uni-page-refresh--pulling .uni-page-refresh__spinner, uni-page-refresh.uni-page-refresh--reached .uni-page-refresh__spinner, uni-page-refresh.uni-page-refresh--refreshing .uni-page-refresh__icon, uni-page-refresh.uni-page-refresh--restoring .uni-page-refresh__icon {
  display: none
}

uni-page-refresh.uni-page-refresh--refreshing .uni-page-refresh__spinner {
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-animation: uni-page-refresh-rotate 2s linear infinite;
  animation: uni-page-refresh-rotate 2s linear infinite
}

uni-page-refresh.uni-page-refresh--refreshing .uni-page-refresh__path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  -webkit-animation: uni-page-refresh-dash 1.5s ease-in-out infinite, uni-page-refresh-colorful 6s ease-in-out infinite;
  animation: uni-page-refresh-dash 1.5s ease-in-out infinite, uni-page-refresh-colorful 6s ease-in-out infinite
}

@-webkit-keyframes uni-page-refresh-rotate {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes uni-page-refresh-rotate {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@-webkit-keyframes uni-page-refresh-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0
  }

  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px
  }

  to {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px
  }
}

@keyframes uni-page-refresh-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0
  }

  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px
  }

  to {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px
  }
}

uni-page {
  display: block;
  width: 100%;
  height: 100%
}

.uni-async-error {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  color: #999;
  padding: 100px 10px;
  text-align: center
}

.uni-async-loading {
  box-sizing: border-box;
  width: 100%;
  padding: 50px;
  text-align: center
}

.uni-async-loading .uni-loading {
  width: 30px;
  height: 30px
}

@font-face {
  font-weight: 400;
  font-style: normal;
  font-family: unimapbtn;
  src: url("data:application/octet-stream;base64,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") format("truetype")
}

.uni-system-choose-location {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #f8f8f8
}

.uni-system-choose-location .map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 300px
}

.uni-system-choose-location .map-location {
  position: absolute;
  left: 50%;
  bottom: 50%;
  width: 32px;
  height: 52px;
  margin-left: -16px;
  cursor: pointer;
  background-size: 100%
}

.uni-system-choose-location .map-move {
  position: absolute;
  bottom: 50px;
  right: 10px;
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  line-height: 40px;
  background-color: #fff;
  border-radius: 50%;
  pointer-events: auto;
  cursor: pointer;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, .3)
}

.uni-system-choose-location .map-move > i {
  display: block;
  width: 100%;
  height: 100%;
  font: normal normal normal 14px/1 unimapbtn;
  line-height: inherit;
  text-align: center;
  font-size: 24px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased
}

.uni-system-choose-location .nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 44px;
  background-color: rgba(0, 0, 0, 0);
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0))
}

.uni-system-choose-location .nav-btn {
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 60px;
  height: 44px;
  padding: 6px;
  line-height: 32px;
  font-size: 26px;
  color: #fff;
  text-align: center;
  cursor: pointer
}

.uni-system-choose-location .nav-btn.confirm {
  left: auto;
  right: 0
}

.uni-system-choose-location .nav-btn.disable {
  opacity: .4
}

.uni-system-choose-location .nav-btn > .uni-btn-icon {
  display: block;
  width: 100%;
  height: 100%;
  line-height: inherit;
  border-radius: 2px
}

.uni-system-choose-location .nav-btn.confirm > .uni-btn-icon {
  background-color: #007aff
}

.uni-system-choose-location .menu {
  position: absolute;
  top: 300px;
  left: 0;
  width: 100%;
  bottom: 0;
  background-color: #fff
}

.uni-system-choose-location .search {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  height: 50px;
  padding: 8px;
  line-height: 34px;
  box-sizing: border-box;
  background-color: #fff
}

.uni-system-choose-location .search-input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  height: 100%;
  border-radius: 5px;
  padding: 0 5px;
  background: #ebebeb
}

.uni-system-choose-location .search-btn {
  margin-left: 5px;
  color: #007aff;
  font-size: 17px;
  text-align: center
}

.uni-system-choose-location .list {
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
  bottom: 0;
  padding-bottom: 10px
}

.uni-system-choose-location .list-loading {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  height: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}

.uni-system-choose-location .list-item {
  position: relative;
  padding: 10px;
  padding-right: 40px;
  cursor: pointer
}

.uni-system-choose-location .list-item.selected:before {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  text-align: center;
  content: "\e651";
  font: normal normal normal 14px/1 unibtn;
  font-size: 24px;
  line-height: 30px;
  color: #007aff;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased
}

.uni-system-choose-location .list-item:not(:last-child):after {
  position: absolute;
  content: "";
  height: 1px;
  left: 10px;
  bottom: 0;
  width: 100%;
  background-color: #d3d3d3
}

.uni-system-choose-location .list-item-title {
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.uni-system-choose-location .list-item-detail {
  font-size: 12px;
  color: grey;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

@media screen and (min-width: 800px) {
  .uni-system-choose-location .map {
    top: 0;
    height: 100%
  }

  .uni-system-choose-location .map-move {
    bottom: 10px;
    right: 320px
  }

  .uni-system-choose-location .menu {
    top: 54px;
    left: auto;
    right: 10px;
    width: 300px;
    bottom: 10px;
    max-height: 600px;
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, .3)
  }
}

.uni-system-open-location {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #f8f8f8;
  z-index: 999
}

.uni-system-open-location .map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 80px;
  height: auto
}

.uni-system-open-location .info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background-color: #fff;
  padding: 15px;
  box-sizing: border-box;
  line-height: 1.5
}

.uni-system-open-location .info > .name {
  font-size: 17px;
  color: #111
}

.uni-system-open-location .info > .address {
  font-size: 14px;
  color: #666
}

.uni-system-open-location .info > .nav {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-top: -25px;
  background-color: #007aff
}

.uni-system-open-location .info > .nav > svg {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px;
  box-sizing: border-box
}

.uni-system-open-location .map-move {
  position: absolute;
  bottom: 50px;
  right: 10px;
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  line-height: 40px;
  background-color: #fff;
  border-radius: 50%;
  pointer-events: auto;
  cursor: pointer;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, .3)
}

.uni-system-open-location .map-move > i {
  display: block;
  width: 100%;
  height: 100%;
  font: normal normal normal 14px/1 unimapbtn;
  line-height: inherit;
  text-align: center;
  font-size: 24px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased
}

.uni-system-open-location .nav-btn-back {
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 44px;
  height: 44px;
  padding: 6px;
  line-height: 32px;
  font-size: 26px;
  color: #fff;
  text-align: center;
  cursor: pointer
}

.uni-system-open-location .nav-btn-back > .uni-btn-icon {
  display: block;
  width: 100%;
  height: 100%;
  line-height: inherit;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, .5)
}

.uni-system-open-location .map-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  bottom: 0;
  overflow: hidden
}

.uni-system-open-location .map-content.fix-position {
  top: -74px;
  bottom: -44px
}

.uni-system-open-location .map-content > iframe {
  width: 100%;
  height: 100%;
  border: none
}

.uni-system-open-location .actTonav {
  position: absolute;
  right: 16px;
  bottom: 56px;
  width: 60px;
  height: 60px;
  border-radius: 60px
}

uni-audio {
  display: none
}

uni-audio[controls] {
  display: inline-block
}

uni-audio[hidden] {
  display: none
}

.uni-audio-default {
  max-width: 100%;
  min-width: 302px;
  height: 65px;
  background: #fcfcfc;
  border: 1px solid #e0e0e0;
  border-radius: 2.5px;
  display: inline-block;
  overflow: hidden
}

.uni-audio-left {
  width: 65px;
  height: 65px;
  float: left;
  background-color: #e6e6e6;
  background-size: 100% 100%;
  background-position: 50% 50%
}

.uni-audio-button {
  width: 24px;
  height: 24px;
  margin: 20.5px;
  background-size: cover
}

.uni-audio-right {
  box-sizing: border-box;
  height: 65px;
  margin-left: 65px;
  padding: 11px 16.5px 13.5px 15px;
  overflow: hidden
}

.uni-audio-time {
  margin-top: 3.5px;
  height: 16.5px;
  font-size: 12px;
  color: #888;
  float: right
}

.uni-audio-info {
  margin-right: 70px;
  overflow: hidden
}

.uni-audio-name {
  height: 22.5px;
  line-height: 22.5px;
  margin-bottom: 3.5px;
  font-size: 14px;
  color: #353535
}

.uni-audio-author, .uni-audio-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.uni-audio-author {
  height: 14.5px;
  line-height: 14.5px;
  font-size: 12px;
  color: #888
}

uni-button {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-left: 14px;
  padding-right: 14px;
  box-sizing: border-box;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  line-height: 2.55555556;
  border-radius: 5px;
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  color: #000;
  background-color: #f8f8f8;
  cursor: pointer
}

uni-button[hidden] {
  display: none !important
}

uni-button:after {
  content: " ";
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid rgba(0, 0, 0, .2);
  -webkit-transform: scale(.5);
  transform: scale(.5);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  box-sizing: border-box;
  border-radius: 10px
}

uni-button[native] {
  padding-left: 0;
  padding-right: 0
}

uni-button[native] .uni-button-cover-view-wrapper {
  border: inherit;
  border-color: inherit;
  border-radius: inherit;
  background-color: inherit
}

uni-button[native] .uni-button-cover-view-inner {
  padding-left: 14px;
  padding-right: 14px
}

uni-button uni-cover-view {
  line-height: inherit;
  white-space: inherit
}

uni-button[type=default] {
  color: #000;
  background-color: #f8f8f8
}

uni-button[type=primary] {
  color: #fff;
  background-color: #007aff
}

uni-button[type=warn] {
  color: #fff;
  background-color: #e64340
}

uni-button[disabled] {
  color: hsla(0, 0%, 100%, .6);
  cursor: not-allowed
}

uni-button[disabled]:not([type]), uni-button[disabled][type=default] {
  color: rgba(0, 0, 0, .3);
  background-color: #f7f7f7
}

uni-button[disabled][type=primary] {
  background-color: rgba(0, 122, 255, .6)
}

uni-button[disabled][type=warn] {
  background-color: #ec8b89
}

uni-button[type=primary][plain] {
  color: #007aff;
  border: 1px solid #007aff;
  background-color: rgba(0, 0, 0, 0)
}

uni-button[type=primary][plain][disabled] {
  color: rgba(0, 0, 0, .2);
  border-color: rgba(0, 0, 0, .2)
}

uni-button[type=primary][plain]:after {
  border-width: 0
}

uni-button[type=default][plain] {
  color: #353535;
  border: 1px solid #353535;
  background-color: rgba(0, 0, 0, 0)
}

uni-button[type=default][plain][disabled] {
  color: rgba(0, 0, 0, .2);
  border-color: rgba(0, 0, 0, .2)
}

uni-button[type=default][plain]:after {
  border-width: 0
}

uni-button[plain] {
  color: #353535;
  border: 1px solid #353535;
  background-color: rgba(0, 0, 0, 0)
}

uni-button[plain][disabled] {
  color: rgba(0, 0, 0, .2);
  border-color: rgba(0, 0, 0, .2)
}

uni-button[plain]:after {
  border-width: 0
}

uni-button[plain][native] .uni-button-cover-view-inner {
  padding: 0
}

uni-button[type=warn][plain] {
  color: #e64340;
  border: 1px solid #e64340;
  background-color: rgba(0, 0, 0, 0)
}

uni-button[type=warn][plain][disabled] {
  color: rgba(0, 0, 0, .2);
  border-color: rgba(0, 0, 0, .2)
}

uni-button[type=warn][plain]:after {
  border-width: 0
}

uni-button[size=mini] {
  display: inline-block;
  line-height: 2.3;
  font-size: 13px;
  padding: 0 1.34em
}

uni-button[size=mini][native] {
  padding: 0
}

uni-button[size=mini][native] .uni-button-cover-view-inner {
  padding: 0 1.34em
}

uni-button[loading]:not([disabled]) {
  cursor: progress
}

uni-button[loading]:before {
  content: " ";
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  -webkit-animation: uni-loading 1s steps(12) infinite;
  animation: uni-loading 1s steps(12) infinite;
  background-size: 100%
}

uni-button[loading][type=primary] {
  color: hsla(0, 0%, 100%, .6);
  background-color: #0062cc
}

uni-button[loading][type=primary][plain] {
  color: #007aff;
  background-color: rgba(0, 0, 0, 0)
}

uni-button[loading][type=default] {
  color: rgba(0, 0, 0, .6);
  background-color: #dedede
}

uni-button[loading][type=default][plain] {
  color: #353535;
  background-color: rgba(0, 0, 0, 0)
}

uni-button[loading][type=warn] {
  color: hsla(0, 0%, 100%, .6);
  background-color: #ce3c39
}

uni-button[loading][type=warn][plain] {
  color: #e64340;
  background-color: rgba(0, 0, 0, 0)
}

uni-button[loading][native]:before {
  content: none
}

.button-hover {
  color: rgba(0, 0, 0, .6);
  background-color: #dedede
}

.button-hover[plain] {
  color: rgba(53, 53, 53, .6);
  border-color: rgba(53, 53, 53, .6);
  background-color: rgba(0, 0, 0, 0)
}

.button-hover[type=primary] {
  color: hsla(0, 0%, 100%, .6);
  background-color: #0062cc
}

.button-hover[type=primary][plain] {
  color: rgba(0, 122, 255, .6);
  border-color: rgba(0, 122, 255, .6);
  background-color: rgba(0, 0, 0, 0)
}

.button-hover[type=default] {
  color: rgba(0, 0, 0, .6);
  background-color: #dedede
}

.button-hover[type=default][plain] {
  color: rgba(53, 53, 53, .6);
  border-color: rgba(53, 53, 53, .6);
  background-color: rgba(0, 0, 0, 0)
}

.button-hover[type=warn] {
  color: hsla(0, 0%, 100%, .6);
  background-color: #ce3c39
}

.button-hover[type=warn][plain] {
  color: rgba(230, 67, 64, .6);
  border-color: rgba(230, 67, 64, .6);
  background-color: rgba(0, 0, 0, 0)
}

uni-canvas {
  width: 300px;
  height: 150px;
  display: block;
  position: relative
}

uni-canvas > canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

uni-checkbox-group[hidden] {
  display: none
}

uni-checkbox {
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  cursor: pointer
}

uni-checkbox[hidden] {
  display: none
}

uni-checkbox[disabled] {
  cursor: not-allowed
}

uni-checkbox .uni-checkbox-wrapper {
  display: -webkit-inline-flex;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  vertical-align: middle
}

uni-checkbox .uni-checkbox-input {
  margin-right: 5px;
  -webkit-appearance: none;
  appearance: none;
  outline: 0;
  border: 1px solid #d1d1d1;
  background-color: #fff;
  border-radius: 3px;
  width: 22px;
  height: 22px;
  position: relative
}

@media (hover: hover) {
  uni-checkbox:not([disabled]) .uni-checkbox-input:hover {
    border-color: var(--HOVER-BD-COLOR, #007aff) !important
  }
}

uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked {
  color: #007aff
}

uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked:before {
  font: normal normal normal 14px/1 uni;
  content: "\EA08";
  font-size: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -48%) scale(.73);
  -webkit-transform: translate(-50%, -48%) scale(.73)
}

uni-checkbox .uni-checkbox-input.uni-checkbox-input-disabled {
  background-color: #e1e1e1
}

uni-checkbox .uni-checkbox-input.uni-checkbox-input-disabled:before {
  color: #adadad
}

uni-checkbox-group {
  display: block
}

.ql-container {
  display: block;
  position: relative;
  box-sizing: border-box;
  -webkit-user-select: text;
  user-select: text;
  outline: none;
  overflow: hidden;
  width: 100%;
  height: 200px;
  min-height: 200px
}

.ql-container[hidden] {
  display: none
}

.ql-container .ql-editor {
  position: relative;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  min-height: inherit;
  width: 100%;
  height: 100%;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-overflow-scrolling: touch
}

.ql-container .ql-editor::-webkit-scrollbar {
  width: 0 !important
}

.ql-container .ql-editor.scroll-disabled {
  overflow: hidden
}

.ql-container .ql-image-overlay {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  position: absolute;
  box-sizing: border-box;
  border: 1px dashed #ccc;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-user-select: none;
  user-select: none
}

.ql-container .ql-image-overlay .ql-image-size {
  position: absolute;
  padding: 4px 8px;
  text-align: center;
  background-color: #fff;
  color: #888;
  border: 1px solid #ccc;
  box-sizing: border-box;
  opacity: .8;
  right: 4px;
  top: 4px;
  font-size: 12px;
  display: inline-block;
  width: auto
}

.ql-container .ql-image-overlay .ql-image-toolbar {
  position: relative;
  text-align: center;
  box-sizing: border-box;
  background: #000;
  border-radius: 5px;
  color: #fff;
  font-size: 0;
  min-height: 24px;
  z-index: 100
}

.ql-container .ql-image-overlay .ql-image-toolbar span {
  display: inline-block;
  cursor: pointer;
  padding: 5px;
  font-size: 12px;
  border-right: 1px solid #fff
}

.ql-container .ql-image-overlay .ql-image-toolbar span:last-child {
  border-right: 0
}

.ql-container .ql-image-overlay .ql-image-toolbar span.triangle-up {
  padding: 0;
  position: absolute;
  top: -12px;
  left: 50%;
  -webkit-transform: translatex(-50%);
  transform: translatex(-50%);
  width: 0;
  height: 0;
  border-width: 6px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #000 rgba(0, 0, 0, 0)
}

.ql-container .ql-image-overlay .ql-image-handle {
  position: absolute;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 1px solid #ccc;
  box-sizing: border-box;
  background: #fff
}

.ql-container img {
  display: inline-block;
  max-width: 100%
}

.ql-clipboard p {
  margin: 0;
  padding: 0
}

.ql-editor {
  box-sizing: border-box;
  height: 100%;
  outline: none;
  overflow-y: auto;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word
}

.ql-editor > * {
  cursor: text
}

.ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6, .ql-editor ol, .ql-editor p, .ql-editor pre, .ql-editor ul {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol > li, .ql-editor ul > li {
  list-style-type: none
}

.ql-editor ul > li:before {
  content: "\2022"
}

.ql-editor ul[data-checked=false], .ql-editor ul[data-checked=true] {
  pointer-events: none
}

.ql-editor ul[data-checked=false] > li *, .ql-editor ul[data-checked=true] > li * {
  pointer-events: all
}

.ql-editor ul[data-checked=false] > li:before, .ql-editor ul[data-checked=true] > li:before {
  color: #777;
  cursor: pointer;
  pointer-events: all
}

.ql-editor ul[data-checked=true] > li:before {
  content: "\2611"
}

.ql-editor ul[data-checked=false] > li:before {
  content: "\2610"
}

.ql-editor li:before {
  display: inline-block;
  white-space: nowrap;
  width: 2em
}

.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0
}

.ql-editor ol li:before {
  content: counter(list-0, decimal) ". "
}

.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1
}

.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) ". "
}

.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2
}

.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) ". "
}

.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3
}

.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) ". "
}

.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4
}

.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) ". "
}

.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5
}

.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) ". "
}

.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6
}

.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) ". "
}

.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7
}

.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) ". "
}

.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9
}

.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8
}

.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) ". "
}

.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9
}

.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9
}

.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) ". "
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl), .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 2em
}

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right, .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 2em
}

.ql-editor .ql-indent-2:not(.ql-direction-rtl), .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 4em
}

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right, .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 4em
}

.ql-editor .ql-indent-3:not(.ql-direction-rtl), .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 6em
}

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right, .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 6em
}

.ql-editor .ql-indent-4:not(.ql-direction-rtl), .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 8em
}

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right, .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 8em
}

.ql-editor .ql-indent-5:not(.ql-direction-rtl), .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 10em
}

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right, .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 10em
}

.ql-editor .ql-indent-6:not(.ql-direction-rtl), .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 12em
}

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right, .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 12em
}

.ql-editor .ql-indent-7:not(.ql-direction-rtl), .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 14em
}

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right, .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 14em
}

.ql-editor .ql-indent-8:not(.ql-direction-rtl), .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 16em
}

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right, .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 16em
}

.ql-editor .ql-indent-9:not(.ql-direction-rtl), .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 18em
}

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right, .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 18em
}

.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit
}

.ql-editor .ql-align-center {
  text-align: center
}

.ql-editor .ql-align-justify {
  text-align: justify
}

.ql-editor .ql-align-right {
  text-align: right
}

.ql-editor.ql-blank:before {
  color: rgba(0, 0, 0, .6);
  content: attr(data-placeholder);
  font-style: italic;
  pointer-events: none;
  position: absolute
}

.ql-container.ql-disabled .ql-editor ul[data-checked] > li:before {
  pointer-events: none
}

.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%
}

uni-icon {
  display: inline-block;
  font-size: 0;
  box-sizing: border-box
}

uni-icon[hidden] {
  display: none
}

uni-icon > i {
  font: normal normal normal 14px/1 weui
}

uni-icon > i:before {
  margin: 0;
  box-sizing: border-box
}

@font-face {
  font-weight: 400;
  font-style: normal;
  font-family: weui;
  src: url("data:application/octet-stream;base64,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") format("truetype")
}

.uni-icon-success:before {
  content: "\EA06"
}

.uni-icon-success_circle:before {
  content: "\EA07"
}

.uni-icon-success_no_circle:before {
  content: "\EA08"
}

.uni-icon-safe_success:before {
  content: "\EA04"
}

.uni-icon-safe_warn:before {
  content: "\EA05"
}

.uni-icon-info:before {
  content: "\EA03"
}

.uni-icon-info_circle:before {
  content: "\EA0C"
}

.uni-icon-warn:before {
  content: "\EA0B"
}

.uni-icon-waiting:before {
  content: "\EA09"
}

.uni-icon-waiting_circle:before {
  content: "\EA0A"
}

.uni-icon-circle:before {
  content: "\EA01"
}

.uni-icon-cancel:before {
  content: "\EA0D"
}

.uni-icon-download:before {
  content: "\EA02"
}

.uni-icon-search:before {
  content: "\EA0E"
}

.uni-icon-clear:before {
  content: "\EA0F"
}

.uni-icon-safe_success, .uni-icon-success, .uni-icon-success_circle, .uni-icon-success_no_circle {
  color: #007aff
}

.uni-icon-safe_warn {
  color: #ffbe00
}

.uni-icon-info {
  color: #10aeff
}

.uni-icon-info_circle {
  color: #007aff
}

.uni-icon-warn {
  color: #f76260
}

.uni-icon-waiting, .uni-icon-waiting_circle {
  color: #10aeff
}

.uni-icon-circle {
  color: #c9c9c9
}

.uni-icon-cancel {
  color: #f43530
}

.uni-icon-download {
  color: #007aff
}

.uni-icon-clear, .uni-icon-search {
  color: #b2b2b2
}

uni-image {
  width: 320px;
  height: 240px;
  display: inline-block;
  overflow: hidden;
  position: relative
}

uni-image[hidden] {
  display: none
}

uni-image > div, uni-image > img {
  width: 100%;
  height: 100%
}

uni-image > img {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0
}

uni-image > .uni-image-will-change {
  will-change: transform
}

uni-input {
  display: block;
  font-size: 16px;
  line-height: 1.4em;
  height: 1.4em;
  min-height: 1.4em;
  overflow: hidden
}

uni-input[hidden] {
  display: none
}

.uni-input-form, .uni-input-input, .uni-input-placeholder, .uni-input-wrapper {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  text-decoration: inherit
}

.uni-input-form, .uni-input-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}

.uni-input-input, .uni-input-placeholder {
  width: 100%
}

.uni-input-placeholder {
  position: absolute;
  top: auto !important;
  left: 0;
  color: grey;
  overflow: hidden;
  text-overflow: clip;
  white-space: pre;
  word-break: keep-all;
  pointer-events: none;
  line-height: inherit
}

.uni-input-input {
  position: relative;
  display: block;
  height: 100%;
  background: none;
  color: inherit;
  opacity: 1;
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: inherit;
  text-indent: inherit;
  text-transform: inherit;
  text-shadow: inherit
}

.uni-input-input[type=search]::-webkit-search-cancel-button, .uni-input-input[type=search]::-webkit-search-decoration {
  display: none
}

.uni-input-input::-webkit-inner-spin-button, .uni-input-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

.uni-input-input[type=number] {
  -moz-appearance: textfield
}

.uni-input-input:disabled {
  -webkit-text-fill-color: currentcolor
}

.uni-label-pointer {
  cursor: pointer
}

uni-movable-area {
  display: block;
  position: relative;
  width: 10px;
  height: 10px
}

uni-movable-area[hidden] {
  display: none
}

uni-movable-view {
  display: inline-block;
  width: 10px;
  height: 10px;
  top: 0;
  left: 0;
  position: absolute;
  cursor: grab
}

uni-movable-view[hidden] {
  display: none
}

uni-navigator {
  height: auto;
  width: auto;
  display: block;
  cursor: pointer
}

uni-navigator[hidden] {
  display: none
}

.navigator-hover {
  background-color: rgba(0, 0, 0, .1);
  opacity: .7
}

uni-picker-view-column {
  -webkit-flex: 1;
  -webkit-box-flex: 1;
  flex: 1;
  position: relative;
  height: 100%;
  overflow: hidden
}

uni-picker-view-column[hidden] {
  display: none
}

.uni-picker-view-group {
  height: 100%;
  overflow: hidden
}

.uni-picker-view-mask {
  transform: translateZ(0);
  -webkit-transform: translateZ(0)
}

.uni-picker-view-indicator, .uni-picker-view-mask {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 3;
  pointer-events: none
}

.uni-picker-view-mask {
  top: 0;
  height: 100%;
  margin: 0 auto;
  background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, .95), hsla(0, 0%, 100%, .6)), -webkit-linear-gradient(bottom, hsla(0, 0%, 100%, .95), hsla(0, 0%, 100%, .6));
  background: linear-gradient(180deg, hsla(0, 0%, 100%, .95), hsla(0, 0%, 100%, .6)), linear-gradient(0deg, hsla(0, 0%, 100%, .95), hsla(0, 0%, 100%, .6));
  background-position: top, bottom;
  background-size: 100% 102px;
  background-repeat: no-repeat
}

.uni-picker-view-indicator {
  height: 34px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.uni-picker-view-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  will-change: transform;
  padding: 102px 0;
  cursor: pointer
}

.uni-picker-view-content > * {
  height: 34px;
  overflow: hidden
}

.uni-picker-view-indicator:before {
  top: 0;
  border-top: 1px solid #e5e5e5;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5)
}

.uni-picker-view-indicator:after {
  bottom: 0;
  border-bottom: 1px solid #e5e5e5;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5)
}

.uni-picker-view-indicator:after, .uni-picker-view-indicator:before {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  color: #e5e5e5
}

uni-picker-view {
  display: block
}

uni-picker-view .uni-picker-view-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  position: relative;
  overflow: hidden;
  height: 100%
}

uni-picker-view[hidden] {
  display: none
}

uni-progress {
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center
}

uni-progress[hidden] {
  display: none
}

.uni-progress-bar {
  -webkit-flex: 1;
  -webkit-box-flex: 1;
  flex: 1
}

.uni-progress-inner-bar {
  width: 0;
  height: 100%
}

.uni-progress-info {
  margin-top: 0;
  margin-bottom: 0;
  min-width: 2em;
  margin-left: 15px;
  font-size: 16px
}

uni-radio-group[hidden] {
  display: none
}

uni-radio {
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  cursor: pointer
}

uni-radio[hidden] {
  display: none
}

uni-radio[disabled] {
  cursor: not-allowed
}

uni-radio .uni-radio-wrapper {
  display: -webkit-inline-flex;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  vertical-align: middle
}

uni-radio .uni-radio-input {
  -webkit-appearance: none;
  appearance: none;
  margin-right: 5px;
  outline: 0;
  border: 1px solid #d1d1d1;
  background-color: #fff;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  position: relative
}

@media (any-hover: hover) {
  uni-radio:not([disabled]) .uni-radio-input:hover {
    border-color: var(--HOVER-BD-COLOR, #007aff) !important
  }
}

uni-radio .uni-radio-input.uni-radio-input-checked:before {
  font: normal normal normal 14px/1 uni;
  content: "\EA08";
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -48%) scale(.73);
  -webkit-transform: translate(-50%, -48%) scale(.73)
}

uni-radio .uni-radio-input.uni-radio-input-disabled {
  background-color: #e1e1e1;
  border-color: #d1d1d1
}

uni-radio .uni-radio-input.uni-radio-input-disabled:before {
  color: #adadad
}

uni-radio-group {
  display: block
}

@-webkit-keyframes once-show {
  0% {
    top: 0
  }
}

@keyframes once-show {
  0% {
    top: 0
  }
}

uni-resize-sensor, uni-resize-sensor > view{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden
}

uni-resize-sensor {
  display: block;
  z-index: -1;
  visibility: hidden;
  -webkit-animation: once-show 1ms;
  animation: once-show 1ms
}

uni-resize-sensor > view> view{
  position: absolute;
  left: 0;
  top: 0
}

uni-resize-sensor > div:first-child > view{
  width: 100000px;
  height: 100000px
}

uni-resize-sensor > div:last-child > view{
  width: 200%;
  height: 200%
}

uni-scroll-view {
  display: block;
  width: 100%
}

uni-scroll-view[hidden] {
  display: none
}

.uni-scroll-view {
  position: relative;
  -webkit-overflow-scrolling: touch;
  max-height: inherit
}

.uni-scroll-view, .uni-scroll-view-content {
  width: 100%;
  height: 100%
}

.uni-scroll-view-refresher {
  position: relative;
  overflow: hidden
}

.uni-scroll-view-refresh {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row
}

.uni-scroll-view-refresh, .uni-scroll-view-refresh-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}

.uni-scroll-view-refresh-inner {
  line-height: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 1px 6px rgba(0, 0, 0, .117647), 0 1px 4px rgba(0, 0, 0, .117647)
}

.uni-scroll-view-refresh__spinner {
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-animation: uni-scroll-view-refresh-rotate 2s linear infinite;
  animation: uni-scroll-view-refresh-rotate 2s linear infinite
}

.uni-scroll-view-refresh__spinner > circle {
  stroke: currentColor;
  stroke-linecap: round;
  -webkit-animation: uni-scroll-view-refresh-dash 2s linear infinite;
  animation: uni-scroll-view-refresh-dash 2s linear infinite
}

@-webkit-keyframes uni-scroll-view-refresh-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes uni-scroll-view-refresh-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@-webkit-keyframes uni-scroll-view-refresh-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0
  }

  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px
  }

  to {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px
  }
}

@keyframes uni-scroll-view-refresh-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0
  }

  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px
  }

  to {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px
  }
}

uni-slider {
  margin: 10px 18px;
  padding: 0;
  display: block
}

uni-slider[hidden] {
  display: none
}

uni-slider .uni-slider-wrapper {
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  min-height: 16px
}

uni-slider .uni-slider-tap-area {
  -webkit-flex: 1;
  -webkit-box-flex: 1;
  flex: 1;
  padding: 8px 0
}

uni-slider .uni-slider-handle-wrapper {
  position: relative;
  height: 2px;
  border-radius: 5px;
  background-color: #e9e9e9;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent
}

uni-slider .uni-slider-handle-wrapper, uni-slider .uni-slider-track {
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease
}

uni-slider .uni-slider-track {
  height: 100%;
  border-radius: 6px;
  background-color: #007aff
}

uni-slider .uni-slider-handle, uni-slider .uni-slider-thumb {
  position: absolute;
  left: 50%;
  top: 50%;
  cursor: pointer;
  border-radius: 50%;
  -webkit-transition: border-color .3s ease;
  transition: border-color .3s ease
}

uni-slider .uni-slider-handle {
  width: 28px;
  height: 28px;
  margin-top: -14px;
  margin-left: -14px;
  background-color: rgba(0, 0, 0, 0);
  z-index: 3;
  cursor: grab
}

uni-slider .uni-slider-thumb {
  z-index: 2;
  box-shadow: 0 0 4px rgba(0, 0, 0, .2)
}

uni-slider .uni-slider-step {
  position: absolute;
  width: 100%;
  height: 2px;
  background: rgba(0, 0, 0, 0);
  z-index: 1
}

uni-slider .uni-slider-value {
  width: 3ch;
  color: #888;
  font-size: 14px;
  margin-left: 1em
}

uni-slider .uni-slider-disabled .uni-slider-track {
  background-color: #ccc
}

uni-slider .uni-slider-disabled .uni-slider-thumb {
  background-color: #fff;
  border-color: #ccc
}

uni-swiper-item {
  display: block;
  overflow: hidden;
  will-change: transform;
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: grab
}

uni-swiper-item[hidden] {
  display: none
}

uni-swiper {
  display: block;
  height: 150px
}

uni-swiper[hidden] {
  display: none
}

uni-swiper .uni-swiper-wrapper {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

uni-swiper .uni-swiper-slides {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0
}

uni-swiper .uni-swiper-slide-frame {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  will-change: transform
}

uni-swiper .uni-swiper-dots {
  position: absolute;
  font-size: 0
}

uni-swiper .uni-swiper-dots-horizontal {
  left: 50%;
  bottom: 10px;
  text-align: center;
  white-space: nowrap;
  -webkit-transform: translate(-50%);
  transform: translate(-50%)
}

uni-swiper .uni-swiper-dots-horizontal .uni-swiper-dot {
  margin-right: 8px
}

uni-swiper .uni-swiper-dots-horizontal .uni-swiper-dot:last-child {
  margin-right: 0
}

uni-swiper .uni-swiper-dots-vertical {
  right: 10px;
  top: 50%;
  text-align: right;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

uni-swiper .uni-swiper-dots-vertical .uni-swiper-dot {
  display: block;
  margin-bottom: 9px
}

uni-swiper .uni-swiper-dots-vertical .uni-swiper-dot:last-child {
  margin-bottom: 0
}

uni-swiper .uni-swiper-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  cursor: pointer;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  background: rgba(0, 0, 0, .3);
  border-radius: 50%
}

uni-swiper .uni-swiper-dot-active {
  background-color: #000
}

uni-swiper .uni-swiper-navigation {
  width: 26px;
  height: 26px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition: all .2s;
  transition: all .2s;
  border-radius: 50%;
  opacity: 1
}

uni-swiper .uni-swiper-navigation-disabled {
  opacity: .35;
  cursor: not-allowed
}

uni-swiper .uni-swiper-navigation-hide {
  opacity: 0;
  cursor: auto;
  pointer-events: none
}

uni-swiper .uni-swiper-navigation-prev {
  left: 10px
}

uni-swiper .uni-swiper-navigation-prev i {
  margin-left: -1px;
  left: 10px
}

uni-swiper .uni-swiper-navigation-prev.uni-swiper-navigation-vertical {
  top: 18px;
  left: 50%;
  margin-left: -13px
}

uni-swiper .uni-swiper-navigation-prev.uni-swiper-navigation-vertical i {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-left: auto;
  margin-top: -2px
}

uni-swiper .uni-swiper-navigation-next {
  right: 10px
}

uni-swiper .uni-swiper-navigation-next i {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

uni-swiper .uni-swiper-navigation-next.uni-swiper-navigation-vertical {
  top: auto;
  bottom: 5px;
  left: 50%;
  margin-left: -13px
}

uni-swiper .uni-swiper-navigation-next.uni-swiper-navigation-vertical i {
  margin-top: 2px;
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg)
}

uni-switch {
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  cursor: pointer
}

uni-switch[hidden] {
  display: none
}

uni-switch[disabled] {
  cursor: not-allowed
}

uni-switch .uni-switch-wrapper {
  display: -webkit-inline-flex;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  vertical-align: middle
}

uni-switch .uni-switch-input {
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  width: 52px;
  height: 32px;
  margin-right: 5px;
  border: 1px solid #dfdfdf;
  outline: 0;
  border-radius: 16px;
  box-sizing: border-box;
  background-color: #dfdfdf;
  -webkit-transition: background-color .1s, border .1s;
  transition: background-color .1s, border .1s
}

uni-switch[disabled] .uni-switch-input {
  opacity: .7
}

uni-switch .uni-switch-input:before {
  width: 50px;
  background-color: #fdfdfd
}

uni-switch .uni-switch-input:after, uni-switch .uni-switch-input:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  border-radius: 15px;
  transition: -webkit-transform .3s;
  -webkit-transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s
}

uni-switch .uni-switch-input:after {
  width: 30px;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .4)
}

uni-switch .uni-switch-input.uni-switch-input-checked {
  border-color: #007aff;
  background-color: #007aff
}

uni-switch .uni-switch-input.uni-switch-input-checked:before {
  -webkit-transform: scale(0);
  transform: scale(0)
}

uni-switch .uni-switch-input.uni-switch-input-checked:after {
  -webkit-transform: translateX(20px);
  transform: translateX(20px)
}

uni-switch .uni-checkbox-input {
  margin-right: 5px;
  -webkit-appearance: none;
  appearance: none;
  outline: 0;
  border: 1px solid #d1d1d1;
  background-color: #fff;
  border-radius: 3px;
  width: 22px;
  height: 22px;
  position: relative;
  color: #007aff
}

uni-switch:not([disabled]) .uni-checkbox-input:hover {
  border-color: #007aff
}

uni-switch .uni-checkbox-input.uni-checkbox-input-checked:before {
  font: normal normal normal 14px/1 uni;
  content: "\EA08";
  color: inherit;
  font-size: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -48%) scale(.73);
  -webkit-transform: translate(-50%, -48%) scale(.73)
}

uni-switch .uni-checkbox-input.uni-checkbox-input-disabled {
  background-color: #e1e1e1
}

uni-switch .uni-checkbox-input.uni-checkbox-input-disabled:before {
  color: #adadad
}

uni-text[selectable] {
  cursor: auto;
  user-select: text;
  -webkit-user-select: text
}

uni-textarea {
  width: 300px;
  height: 150px;
  display: block;
  position: relative;
  font-size: 16px;
  line-height: normal;
  white-space: pre-wrap;
  word-break: break-all
}

uni-textarea[hidden] {
  display: none
}

.uni-textarea-compute, .uni-textarea-line, .uni-textarea-placeholder, .uni-textarea-textarea, .uni-textarea-wrapper {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  text-decoration: inherit
}

.uni-textarea-wrapper {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  min-height: inherit;
  overflow-y: hidden
}

.uni-textarea-compute, .uni-textarea-line, .uni-textarea-placeholder, .uni-textarea-textarea {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  white-space: inherit;
  word-break: inherit
}

.uni-textarea-placeholder {
  color: grey;
  overflow: hidden
}

.uni-textarea-compute, .uni-textarea-line {
  visibility: hidden;
  height: auto
}

.uni-textarea-line {
  width: 1em
}

.uni-textarea-textarea {
  resize: none;
  background: none;
  color: inherit;
  opacity: 1;
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: inherit;
  text-indent: inherit;
  text-transform: inherit;
  text-shadow: inherit
}

.uni-textarea-textarea-fix-margin {
  width: auto;
  right: 0;
  margin: 0 -3px
}

.uni-textarea-textarea:disabled {
  -webkit-text-fill-color: currentcolor
}

uni-ad {
  display: block;
  overflow: hidden
}

uni-ad[hidden] {
  display: none
}

uni-cover-image {
  display: block;
  line-height: 1.2;
  overflow: hidden;
  pointer-events: auto
}

uni-cover-image, uni-cover-image img {
  height: 100%;
  width: 100%
}

uni-cover-image[hidden] {
  display: none
}

uni-cover-image .uni-cover-image {
  width: 100%;
  height: 100%;
  text-overflow: inherit;
  overflow: inherit;
  white-space: nowrap;
  -webkit-align-items: inherit;
  -webkit-box-align: inherit;
  align-items: inherit;
  -webkit-justify-content: inherit;
  -webkit-box-pack: inherit;
  justify-content: inherit;
  -webkit-flex-direction: inherit;
  -webkit-box-orient: inherit;
  -webkit-box-direction: inherit;
  flex-direction: inherit;
  font-size: 0;
  display: inherit
}

uni-cover-view {
  display: block;
  line-height: 1.2;
  overflow: hidden;
  white-space: nowrap;
  pointer-events: auto
}

uni-cover-view[hidden] {
  display: none
}

uni-cover-view .uni-cover-view {
  width: 100%;
  height: 100%;
  text-overflow: inherit;
  overflow: hidden;
  white-space: inherit;
  -webkit-align-items: inherit;
  -webkit-box-align: inherit;
  align-items: inherit;
  -webkit-justify-content: inherit;
  -webkit-box-pack: inherit;
  justify-content: inherit;
  -webkit-flex-direction: inherit;
  -webkit-box-orient: inherit;
  -webkit-box-direction: inherit;
  flex-direction: inherit;
  -webkit-flex-wrap: inherit;
  flex-wrap: inherit;
  display: inherit;
  overflow: inherit
}

.uni-map-control {
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  left: 0;
  z-index: 999
}

.uni-map-control-icon {
  position: absolute;
  max-width: none
}

uni-map {
  position: relative;
  width: 300px;
  height: 150px;
  display: block
}

uni-map[hidden] {
  display: none
}

.amap-marker-label {
  padding: 0;
  border: none;
  background-color: rgba(0, 0, 0, 0)
}

.amap-marker > .amap-icon > img {
  left: 0 !important;
  top: 0 !important
}

uni-picker {
  position: relative;
  display: block;
  cursor: pointer
}

uni-picker[hidden] {
  display: none
}

uni-picker[disabled] {
  cursor: not-allowed
}

.uni-picker-container {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  box-sizing: border-box;
  z-index: 999;
  font-size: 16px
}

.uni-picker-container .uni-picker-custom * {
  box-sizing: border-box
}

.uni-picker-container .uni-picker-custom {
  position: fixed;
  left: 0;
  bottom: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 999;
  width: 100%;
  background-color: #fff;
  visibility: hidden;
  -webkit-transition: visibility .3s, -webkit-transform .3s;
  transition: visibility .3s, -webkit-transform .3s;
  transition: transform .3s, visibility .3s;
  transition: transform .3s, visibility .3s, -webkit-transform .3s
}

.uni-picker-container .uni-picker-custom.uni-picker-toggle {
  visibility: visible;
  -webkit-transform: translate(0);
  transform: translate(0)
}

.uni-picker-container .uni-picker-content {
  position: relative;
  display: block;
  width: 100%;
  height: 238px;
  background-color: #fff
}

.uni-picker-container .uni-picker-item {
  padding: 0;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #000;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer
}

.uni-picker-container .uni-picker-header {
  display: block;
  position: relative;
  text-align: center;
  width: 100%;
  height: 45px
}

.uni-picker-container .uni-picker-header:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  clear: both;
  border-bottom: 1px solid #e5e5e5;
  color: #e5e5e5;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5)
}

.uni-picker-container .uni-picker-action {
  display: block;
  max-width: 50%;
  top: 0;
  height: 100%;
  box-sizing: border-box;
  padding: 0 14px;
  font-size: 17px;
  line-height: 45px;
  overflow: hidden;
  cursor: pointer
}

.uni-picker-container .uni-picker-action.uni-picker-action-cancel {
  float: left;
  color: #888
}

.uni-picker-container .uni-picker-action.uni-picker-action-confirm {
  float: right;
  color: #007aff
}

.uni-picker-container .uni-picker-select {
  display: none
}

.uni-picker-system {
  position: absolute;
  display: none;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.uni-picker-system > input {
  position: absolute;
  border: none;
  height: 100%;
  opacity: 0;
  cursor: pointer
}

.uni-picker-system > input.firefox {
  top: 0;
  left: 0;
  width: 100%
}

.uni-picker-system > input.chrome {
  top: 0;
  left: 0;
  width: 2em;
  font-size: 32px;
  height: 32px
}

@media screen and (min-width: 500px) and (min-height: 500px) {
  .uni-mask.uni-picker-mask {
    background: none
  }

  .uni-picker-container .uni-picker-custom {
    width: 300px;
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    border-radius: 5px;
    -webkit-transition: opacity .3s, visibility .3s;
    transition: opacity .3s, visibility .3s;
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, .3)
  }

  .uni-picker-container .uni-picker-header {
    border-radius: 5px 5px 0 0
  }

  .uni-picker-container .uni-picker-content {
    -webkit-transform: translate(0);
    transform: translate(0);
    overflow: hidden;
    border-radius: 0 0 5px 5px
  }

  .uni-picker-container .uni-picker-custom.uni-picker-toggle {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }

  .uni-selector-select .uni-picker-content, .uni-selector-select .uni-picker-header {
    display: none
  }

  .uni-selector-select .uni-picker-select {
    display: block;
    max-height: 300px;
    overflow: auto;
    background-color: #fff;
    border-radius: 5px;
    padding: 6px 0
  }

  .uni-selector-select .uni-picker-item {
    padding: 0 10px;
    color: #555
  }

  .uni-selector-select .uni-picker-item:hover {
    background-color: #f6f6f6
  }

  .uni-selector-select .uni-picker-item.selected {
    color: #007aff
  }
}

uni-video {
  width: 300px;
  height: 225px;
  display: inline-block;
  line-height: 0;
  overflow: hidden;
  position: relative
}

uni-video[hidden] {
  display: none
}

.uni-video-container {
  width: 100%;
  height: 100%;
  background-color: #000;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  object-position: inherit
}

.uni-video-container.uni-video-type-fullscreen {
  position: fixed;
  z-index: 999
}

.uni-video-video {
  width: 100%;
  height: 100%;
  object-position: inherit
}

.uni-video-cover {
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: rgba(1, 1, 1, .5);
  z-index: 1
}

.uni-video-cover, .uni-video-slots {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}

.uni-video-slots {
  height: 100%;
  overflow: hidden;
  pointer-events: none
}

.uni-video-cover-play-button {
  width: 40px;
  height: 40px;
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  cursor: pointer
}

.uni-video-cover-duration {
  color: #fff;
  font-size: 16px;
  line-height: 1;
  margin-top: 10px
}

.uni-video-bar {
  height: 44px;
  background-color: rgba(0, 0, 0, .5);
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 10px;
  z-index: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.uni-video-bar.uni-video-bar-full {
  left: 0
}

.uni-video-controls {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  margin: 0 8.5px
}

.uni-video-control-button {
  width: 13px;
  height: 15px;
  padding: 14.5px 12.5px 14.5px 12.5px;
  margin-left: -8.5px;
  box-sizing: content-box;
  cursor: pointer
}

.uni-video-control-button:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-size: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat
}

.uni-video-control-button.uni-video-control-button-play:after, .uni-video-cover-play-button {
  background-image: url("")
}

.uni-video-control-button.uni-video-control-button-pause:after {
  background-image: url("")
}

.uni-video-current-time, .uni-video-duration {
  height: 14.5px;
  line-height: 14.5px;
  margin-top: 15px;
  margin-bottom: 14.5px;
  font-size: 12px;
  color: #cbcbcb
}

.uni-video-progress-container {
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  flex-grow: 2;
  position: relative
}

.uni-video-progress {
  height: 2px;
  margin: 21px 12px;
  background-color: hsla(0, 0%, 100%, .4);
  position: relative;
  cursor: pointer
}

.uni-video-progress-buffered {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  -webkit-transition: width .1s;
  transition: width .1s;
  background-color: hsla(0, 0%, 100%, .8)
}

.uni-video-ball {
  width: 16px;
  height: 16px;
  padding: 14px;
  position: absolute;
  top: -21px;
  box-sizing: content-box;
  left: 0;
  margin-left: -22px
}

.uni-video-inner {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 50%
}

.uni-video-danmu-button {
  white-space: nowrap;
  line-height: 1;
  padding: 2px 10px;
  border: 1px solid #fff;
  border-radius: 5px;
  font-size: 13px;
  color: #fff;
  margin: 0 8.5px;
  cursor: pointer
}

.uni-video-danmu-button.uni-video-danmu-button-active {
  border-color: #48c23d;
  color: #48c23d
}

.uni-video-fullscreen {
  width: 17px;
  height: 17px;
  padding: 8.5px;
  box-sizing: content-box;
  background-image: url("");
  background-size: 50%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer
}

.uni-video-fullscreen.uni-video-type-fullscreen {
  background-image: url("")
}

.uni-video-danmu {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  margin-top: 14px;
  margin-bottom: 44px;
  font-size: 14px;
  line-height: 14px;
  overflow: visible
}

.uni-video-danmu-item {
  line-height: 1;
  position: absolute;
  color: #fff;
  white-space: nowrap;
  left: 100%;
  -webkit-transform: translatex(0);
  transform: translatex(0);
  -webkit-transition-property: left, -webkit-transform;
  transition-property: left, -webkit-transform;
  transition-property: left, transform;
  transition-property: left, transform, -webkit-transform;
  -webkit-transition-duration: 3s;
  transition-duration: 3s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear
}

.uni-video-toast {
  pointer-events: none;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 5px;
  background-color: hsla(0, 0%, 100%, .8);
  color: #000;
  display: none
}

.uni-video-toast.uni-video-toast-volume {
  width: 100px;
  height: 100px;
  display: block
}

.uni-video-toast-volume .uni-video-toast-title {
  width: 100%;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  margin-top: 10px;
  display: block
}

.uni-video-toast-volume .uni-video-toast-icon {
  fill: #000;
  width: 50%;
  height: 50%;
  margin-left: 25%;
  display: block
}

.uni-video-toast-volume .uni-video-toast-value {
  width: 80px;
  height: 5px;
  margin-top: 5px;
  margin-left: 10px
}

.uni-video-toast-volume .uni-video-toast-value > .uni-video-toast-value-content {
  overflow: hidden
}

.uni-video-toast-volume-grids {
  width: 80px;
  height: 5px
}

.uni-video-toast-volume-grids-item {
  float: left;
  width: 7.1px;
  height: 5px;
  background-color: #000
}

.uni-video-toast-volume-grids-item:not(:first-child) {
  margin-left: 1px
}

.uni-video-toast.uni-video-toast-progress {
  display: block;
  background-color: rgba(0, 0, 0, .8);
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  padding: 6px
}

uni-web-view {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}

uni-web-view.uni-webview--fullscreen {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0
}

body::after {
  position: fixed;
  content: '';
  left: -1000px;
  top: -1000px;
  -webkit-animation: shadow-preload .1s;
  -webkit-animation-delay: 3s;
  animation: shadow-preload .1s;
  animation-delay: 3s
}

@-webkit-keyframes shadow-preload {
  0% {
    background-image: url(https://cdn.dcloud.net.cn/img/shadow-grey.png)
  }

  100% {
    background-image: url(https://cdn.dcloud.net.cn/img/shadow-grey.png)
  }
}

@keyframes shadow-preload {
  0% {
    background-image: url(https://cdn.dcloud.net.cn/img/shadow-grey.png)
  }

  100% {
    background-image: url(https://cdn.dcloud.net.cn/img/shadow-grey.png)
  }
}


/* 姘村钩闂磋窛 */
uni-page-body, html, body {
  width: 100;
  height: 100%;
  max-width: 750px;
  color: #333;
  margin: 0 auto;
  background: #f8f8f8 !important
}

body {
  background: #f8f8f8 !important
}

img {
  max-width: 100%
}

.banLine {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.banLines {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden
}

.button {
  width: 314px;
  height: 40px;
  font-size: 13px;
  font-family: SemiBold;
  color: #fff;
  background: linear-gradient(90deg, #3875f4, #1a61f3);
  border-radius: 8px;
  margin: 0 auto
}

.barHeight {
  width: 342px;
  height: 0
}

.placeholder {
  color: #999 !important;
  font-size: 12px
}

.star::after {
  content: "*";
  font-size: 14px;
  font-family: SemiBold;
  color: #c67d58
}

.navigator-hover {
  background-color: transparent;
  opacity: 1
}

.uni-input-placeholder {
  color: #999 !important
}

.uni-load-more__text {
  font-size: 12px;
  font-family: SemiBold;
  color: #999 !important
}

.flexJA {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center
}

.flexDc {
  flex-direction: column
}

.flexFs {
  justify-content: flex-start
}

.flexFe {
  justify-content: flex-end
}

.flexSb {
  justify-content: space-between
}

.flexSa {
  justify-content: space-around
}

.flexSe {
  justify-content: space-evenly
}

.flexAis {
  align-items: flex-start
}

.flexAib {
  align-items: baseline
}

.flexWw {
  flex-wrap: wrap
}

.container {
  padding-bottom: calc(50px + env(safe-area-inset-bottom))
}

@font-face {
  font-family: DemiBold;
  src: url(/static/index/font/GEETYPE-C4PineGBT-Flash-DemiBold.ttf) format("truetype")
}

@font-face {
  font-family: Medium;
  src: url(/static/index/font/GEETYPE-C4PineGBT-Flash-Medium.ttf) format("truetype")
}

@font-face {
  font-family: SemiBold;
  src: url(/static/index/font/GEETYPE-C4PineGBT-Flash-SemiBold.ttf) format("truetype")
}

.uni-border {
  border: 1px #f0f0f0 solid
}

.uni-primary {
  color: #2979ff
}

.uni-primary-bg {
  background-color: #2979ff
}

.uni-primary-disable {
  color: #8fb9ff
}

.uni-primary-disable-bg {
  background-color: #8fb9ff
}

.uni-primary-light {
  color: #a9c9ff
}

.uni-primary-light-bg {
  background-color: #a9c9ff
}

.uni-success {
  color: #18bc37
}

.uni-success-bg {
  background-color: #18bc37
}

.uni-success-disable {
  color: #51e96e
}

.uni-success-disable-bg {
  background-color: #51e96e
}

.uni-success-light {
  color: #68ec81
}

.uni-success-light-bg {
  background-color: #68ec81
}

.uni-warning {
  color: #f3a73f
}

.uni-warning-bg {
  background-color: #f3a73f
}

.uni-warning-disable {
  color: #f9d39f
}

.uni-warning-disable-bg {
  background-color: #f9d39f
}

.uni-warning-light {
  color: #fbdeb7
}

.uni-warning-light-bg {
  background-color: #fbdeb7
}

.uni-error {
  color: #e43d33
}

.uni-error-bg {
  background-color: #e43d33
}

.uni-error-disable {
  color: #f0938d
}

.uni-error-disable-bg {
  background-color: #f0938d
}

.uni-error-light {
  color: #f3a8a4
}

.uni-error-light-bg {
  background-color: #f3a8a4
}

.uni-info {
  color: #8f939c
}

.uni-info-bg {
  background-color: #8f939c
}

.uni-info-disable {
  color: #c5c7cc
}

.uni-info-disable-bg {
  background-color: #c5c7cc
}

.uni-info-light {
  color: #d3d4d8
}

.uni-info-light-bg {
  background-color: #d3d4d8
}

.uni-main-color {
  color: #3a3a3a
}

.uni-main-color-bg {
  background-color: #3a3a3a
}

.uni-base-color {
  color: #6a6a6a
}

.uni-base-color-bg {
  background-color: #6a6a6a
}

.uni-secondary-color {
  color: #909399
}

.uni-secondary-color-bg {
  background-color: #909399
}

.uni-extra-color {
  color: #c7c7c7
}

.uni-extra-color-bg {
  background-color: #c7c7c7
}

.uni-bg-color {
  color: #fff
}

.uni-bg-color-bg {
  background-color: #fff
}

.uni-border-1 {
  color: #f0f0f0
}

.uni-border-1-bg {
  background-color: #f0f0f0
}

.uni-border-2 {
  color: #ededed
}

.uni-border-2-bg {
  background-color: #ededed
}

.uni-border-3 {
  color: #dcdcdc
}

.uni-border-3-bg {
  background-color: #dcdcdc
}

.uni-border-4 {
  color: #b9b9b9
}

.uni-border-4-bg {
  background-color: #b9b9b9
}

.uni-black {
  color: #000
}

.uni-black-bg {
  background-color: #000
}

.uni-white {
  color: #fff
}

.uni-white-bg {
  background-color: #fff
}

.uni-transparent {
  color: transparent
}

.uni-transparent-bg {
  background-color: transparent
}

.uni-shadow-sm {
  box-shadow: 0 0 5px hsla(0, 0%, 84.7%, .5)
}

.uni-shadow-base {
  box-shadow: 0 1px 8px 1px hsla(0, 0%, 64.7%, .2)
}

.uni-shadow-lg {
  box-shadow: 0 1px 10px 2px rgba(165, 164, 164, .5)
}

.uni-mask {
  background-color: rgba(0, 0, 0, .4)
}

.uni-mt-0 {
  margin-top: 0
}

.uni-mt-n0 {
  margin-top: 0
}

.uni-mr-0 {
  margin-right: 0
}

.uni-mr-n0 {
  margin-right: 0
}

.uni-mb-0 {
  margin-bottom: 0
}

.uni-mb-n0 {
  margin-bottom: 0
}

.uni-ml-0 {
  margin-left: 0
}

.uni-ml-n0 {
  margin-left: 0
}

.uni-mx-0 {
  margin-left: 0;
  margin-right: 0
}

.uni-mx-n0 {
  margin-left: 0;
  margin-right: 0
}

.uni-my-0 {
  margin-top: 0;
  margin-bottom: 0
}

.uni-my-n0 {
  margin-top: 0;
  margin-bottom: 0
}

.uni-ma-0 {
  margin: 0
}

.uni-ma-n0 {
  margin: 0
}

.uni-mt-1 {
  margin-top: 2px
}

.uni-mt-n1 {
  margin-top: -2px
}

.uni-mr-1 {
  margin-right: 2px
}

.uni-mr-n1 {
  margin-right: -2px
}

.uni-mb-1 {
  margin-bottom: 2px
}

.uni-mb-n1 {
  margin-bottom: -2px
}

.uni-ml-1 {
  margin-left: 2px
}

.uni-ml-n1 {
  margin-left: -2px
}

.uni-mx-1 {
  margin-left: 2px;
  margin-right: 2px
}

.uni-mx-n1 {
  margin-left: -2px;
  margin-right: -2px
}

.uni-my-1 {
  margin-top: 2px;
  margin-bottom: 2px
}

.uni-my-n1 {
  margin-top: -2px;
  margin-bottom: -2px
}

.uni-ma-1 {
  margin: 2px
}

.uni-ma-n1 {
  margin: -2px
}

.uni-mt-2 {
  margin-top: 4px
}

.uni-mt-n2 {
  margin-top: -4px
}

.uni-mr-2 {
  margin-right: 4px
}

.uni-mr-n2 {
  margin-right: -4px
}

.uni-mb-2 {
  margin-bottom: 4px
}

.uni-mb-n2 {
  margin-bottom: -4px
}

.uni-ml-2 {
  margin-left: 4px
}

.uni-ml-n2 {
  margin-left: -4px
}

.uni-mx-2 {
  margin-left: 4px;
  margin-right: 4px
}

.uni-mx-n2 {
  margin-left: -4px;
  margin-right: -4px
}

.uni-my-2 {
  margin-top: 4px;
  margin-bottom: 4px
}

.uni-my-n2 {
  margin-top: -4px;
  margin-bottom: -4px
}

.uni-ma-2 {
  margin: 4px
}

.uni-ma-n2 {
  margin: -4px
}

.uni-mt-3 {
  margin-top: 6px
}

.uni-mt-n3 {
  margin-top: -6px
}

.uni-mr-3 {
  margin-right: 6px
}

.uni-mr-n3 {
  margin-right: -6px
}

.uni-mb-3 {
  margin-bottom: 6px
}

.uni-mb-n3 {
  margin-bottom: -6px
}

.uni-ml-3 {
  margin-left: 6px
}

.uni-ml-n3 {
  margin-left: -6px
}

.uni-mx-3 {
  margin-left: 6px;
  margin-right: 6px
}

.uni-mx-n3 {
  margin-left: -6px;
  margin-right: -6px
}

.uni-my-3 {
  margin-top: 6px;
  margin-bottom: 6px
}

.uni-my-n3 {
  margin-top: -6px;
  margin-bottom: -6px
}

.uni-ma-3 {
  margin: 6px
}

.uni-ma-n3 {
  margin: -6px
}

.uni-mt-4 {
  margin-top: 8px
}

.uni-mt-n4 {
  margin-top: -8px
}

.uni-mr-4 {
  margin-right: 8px
}

.uni-mr-n4 {
  margin-right: -8px
}

.uni-mb-4 {
  margin-bottom: 8px
}

.uni-mb-n4 {
  margin-bottom: -8px
}

.uni-ml-4 {
  margin-left: 8px
}

.uni-ml-n4 {
  margin-left: -8px
}

.uni-mx-4 {
  margin-left: 8px;
  margin-right: 8px
}

.uni-mx-n4 {
  margin-left: -8px;
  margin-right: -8px
}

.uni-my-4 {
  margin-top: 8px;
  margin-bottom: 8px
}

.uni-my-n4 {
  margin-top: -8px;
  margin-bottom: -8px
}

.uni-ma-4 {
  margin: 8px
}

.uni-ma-n4 {
  margin: -8px
}

.uni-mt-5 {
  margin-top: 10px
}

.uni-mt-n5 {
  margin-top: -10px
}

.uni-mr-5 {
  margin-right: 10px
}

.uni-mr-n5 {
  margin-right: -10px
}

.uni-mb-5 {
  margin-bottom: 10px
}

.uni-mb-n5 {
  margin-bottom: -10px
}

.uni-ml-5 {
  margin-left: 10px
}

.uni-ml-n5 {
  margin-left: -10px
}

.uni-mx-5 {
  margin-left: 10px;
  margin-right: 10px
}

.uni-mx-n5 {
  margin-left: -10px;
  margin-right: -10px
}

.uni-my-5 {
  margin-top: 10px;
  margin-bottom: 10px
}

.uni-my-n5 {
  margin-top: -10px;
  margin-bottom: -10px
}

.uni-ma-5 {
  margin: 10px
}

.uni-ma-n5 {
  margin: -10px
}

.uni-mt-6 {
  margin-top: 12px
}

.uni-mt-n6 {
  margin-top: -12px
}

.uni-mr-6 {
  margin-right: 12px
}

.uni-mr-n6 {
  margin-right: -12px
}

.uni-mb-6 {
  margin-bottom: 12px
}

.uni-mb-n6 {
  margin-bottom: -12px
}

.uni-ml-6 {
  margin-left: 12px
}

.uni-ml-n6 {
  margin-left: -12px
}

.uni-mx-6 {
  margin-left: 12px;
  margin-right: 12px
}

.uni-mx-n6 {
  margin-left: -12px;
  margin-right: -12px
}

.uni-my-6 {
  margin-top: 12px;
  margin-bottom: 12px
}

.uni-my-n6 {
  margin-top: -12px;
  margin-bottom: -12px
}

.uni-ma-6 {
  margin: 12px
}

.uni-ma-n6 {
  margin: -12px
}

.uni-mt-7 {
  margin-top: 14px
}

.uni-mt-n7 {
  margin-top: -14px
}

.uni-mr-7 {
  margin-right: 14px
}

.uni-mr-n7 {
  margin-right: -14px
}

.uni-mb-7 {
  margin-bottom: 14px
}

.uni-mb-n7 {
  margin-bottom: -14px
}

.uni-ml-7 {
  margin-left: 14px
}

.uni-ml-n7 {
  margin-left: -14px
}

.uni-mx-7 {
  margin-left: 14px;
  margin-right: 14px
}

.uni-mx-n7 {
  margin-left: -14px;
  margin-right: -14px
}

.uni-my-7 {
  margin-top: 14px;
  margin-bottom: 14px
}

.uni-my-n7 {
  margin-top: -14px;
  margin-bottom: -14px
}

.uni-ma-7 {
  margin: 14px
}

.uni-ma-n7 {
  margin: -14px
}

.uni-mt-8 {
  margin-top: 16px
}

.uni-mt-n8 {
  margin-top: -16px
}

.uni-mr-8 {
  margin-right: 16px
}

.uni-mr-n8 {
  margin-right: -16px
}

.uni-mb-8 {
  margin-bottom: 16px
}

.uni-mb-n8 {
  margin-bottom: -16px
}

.uni-ml-8 {
  margin-left: 16px
}

.uni-ml-n8 {
  margin-left: -16px
}

.uni-mx-8 {
  margin-left: 16px;
  margin-right: 16px
}

.uni-mx-n8 {
  margin-left: -16px;
  margin-right: -16px
}

.uni-my-8 {
  margin-top: 16px;
  margin-bottom: 16px
}

.uni-my-n8 {
  margin-top: -16px;
  margin-bottom: -16px
}

.uni-ma-8 {
  margin: 16px
}

.uni-ma-n8 {
  margin: -16px
}

.uni-mt-9 {
  margin-top: 18px
}

.uni-mt-n9 {
  margin-top: -18px
}

.uni-mr-9 {
  margin-right: 18px
}

.uni-mr-n9 {
  margin-right: -18px
}

.uni-mb-9 {
  margin-bottom: 18px
}

.uni-mb-n9 {
  margin-bottom: -18px
}

.uni-ml-9 {
  margin-left: 18px
}

.uni-ml-n9 {
  margin-left: -18px
}

.uni-mx-9 {
  margin-left: 18px;
  margin-right: 18px
}

.uni-mx-n9 {
  margin-left: -18px;
  margin-right: -18px
}

.uni-my-9 {
  margin-top: 18px;
  margin-bottom: 18px
}

.uni-my-n9 {
  margin-top: -18px;
  margin-bottom: -18px
}

.uni-ma-9 {
  margin: 18px
}

.uni-ma-n9 {
  margin: -18px
}

.uni-mt-10 {
  margin-top: 20px
}

.uni-mt-n10 {
  margin-top: -20px
}

.uni-mr-10 {
  margin-right: 20px
}

.uni-mr-n10 {
  margin-right: -20px
}

.uni-mb-10 {
  margin-bottom: 20px
}

.uni-mb-n10 {
  margin-bottom: -20px
}

.uni-ml-10 {
  margin-left: 20px
}

.uni-ml-n10 {
  margin-left: -20px
}

.uni-mx-10 {
  margin-left: 20px;
  margin-right: 20px
}

.uni-mx-n10 {
  margin-left: -20px;
  margin-right: -20px
}

.uni-my-10 {
  margin-top: 20px;
  margin-bottom: 20px
}

.uni-my-n10 {
  margin-top: -20px;
  margin-bottom: -20px
}

.uni-ma-10 {
  margin: 20px
}

.uni-ma-n10 {
  margin: -20px
}

.uni-mt-11 {
  margin-top: 22px
}

.uni-mt-n11 {
  margin-top: -22px
}

.uni-mr-11 {
  margin-right: 22px
}

.uni-mr-n11 {
  margin-right: -22px
}

.uni-mb-11 {
  margin-bottom: 22px
}

.uni-mb-n11 {
  margin-bottom: -22px
}

.uni-ml-11 {
  margin-left: 22px
}

.uni-ml-n11 {
  margin-left: -22px
}

.uni-mx-11 {
  margin-left: 22px;
  margin-right: 22px
}

.uni-mx-n11 {
  margin-left: -22px;
  margin-right: -22px
}

.uni-my-11 {
  margin-top: 22px;
  margin-bottom: 22px
}

.uni-my-n11 {
  margin-top: -22px;
  margin-bottom: -22px
}

.uni-ma-11 {
  margin: 22px
}

.uni-ma-n11 {
  margin: -22px
}

.uni-mt-12 {
  margin-top: 24px
}

.uni-mt-n12 {
  margin-top: -24px
}

.uni-mr-12 {
  margin-right: 24px
}

.uni-mr-n12 {
  margin-right: -24px
}

.uni-mb-12 {
  margin-bottom: 24px
}

.uni-mb-n12 {
  margin-bottom: -24px
}

.uni-ml-12 {
  margin-left: 24px
}

.uni-ml-n12 {
  margin-left: -24px
}

.uni-mx-12 {
  margin-left: 24px;
  margin-right: 24px
}

.uni-mx-n12 {
  margin-left: -24px;
  margin-right: -24px
}

.uni-my-12 {
  margin-top: 24px;
  margin-bottom: 24px
}

.uni-my-n12 {
  margin-top: -24px;
  margin-bottom: -24px
}

.uni-ma-12 {
  margin: 24px
}

.uni-ma-n12 {
  margin: -24px
}

.uni-mt-13 {
  margin-top: 26px
}

.uni-mt-n13 {
  margin-top: -26px
}

.uni-mr-13 {
  margin-right: 26px
}

.uni-mr-n13 {
  margin-right: -26px
}

.uni-mb-13 {
  margin-bottom: 26px
}

.uni-mb-n13 {
  margin-bottom: -26px
}

.uni-ml-13 {
  margin-left: 26px
}

.uni-ml-n13 {
  margin-left: -26px
}

.uni-mx-13 {
  margin-left: 26px;
  margin-right: 26px
}

.uni-mx-n13 {
  margin-left: -26px;
  margin-right: -26px
}

.uni-my-13 {
  margin-top: 26px;
  margin-bottom: 26px
}

.uni-my-n13 {
  margin-top: -26px;
  margin-bottom: -26px
}

.uni-ma-13 {
  margin: 26px
}

.uni-ma-n13 {
  margin: -26px
}

.uni-mt-14 {
  margin-top: 28px
}

.uni-mt-n14 {
  margin-top: -28px
}

.uni-mr-14 {
  margin-right: 28px
}

.uni-mr-n14 {
  margin-right: -28px
}

.uni-mb-14 {
  margin-bottom: 28px
}

.uni-mb-n14 {
  margin-bottom: -28px
}

.uni-ml-14 {
  margin-left: 28px
}

.uni-ml-n14 {
  margin-left: -28px
}

.uni-mx-14 {
  margin-left: 28px;
  margin-right: 28px
}

.uni-mx-n14 {
  margin-left: -28px;
  margin-right: -28px
}

.uni-my-14 {
  margin-top: 28px;
  margin-bottom: 28px
}

.uni-my-n14 {
  margin-top: -28px;
  margin-bottom: -28px
}

.uni-ma-14 {
  margin: 28px
}

.uni-ma-n14 {
  margin: -28px
}

.uni-mt-15 {
  margin-top: 30px
}

.uni-mt-n15 {
  margin-top: -30px
}

.uni-mr-15 {
  margin-right: 30px
}

.uni-mr-n15 {
  margin-right: -30px
}

.uni-mb-15 {
  margin-bottom: 30px
}

.uni-mb-n15 {
  margin-bottom: -30px
}

.uni-ml-15 {
  margin-left: 30px
}

.uni-ml-n15 {
  margin-left: -30px
}

.uni-mx-15 {
  margin-left: 30px;
  margin-right: 30px
}

.uni-mx-n15 {
  margin-left: -30px;
  margin-right: -30px
}

.uni-my-15 {
  margin-top: 30px;
  margin-bottom: 30px
}

.uni-my-n15 {
  margin-top: -30px;
  margin-bottom: -30px
}

.uni-ma-15 {
  margin: 30px
}

.uni-ma-n15 {
  margin: -30px
}

.uni-mt-16 {
  margin-top: 32px
}

.uni-mt-n16 {
  margin-top: -32px
}

.uni-mr-16 {
  margin-right: 32px
}

.uni-mr-n16 {
  margin-right: -32px
}

.uni-mb-16 {
  margin-bottom: 32px
}

.uni-mb-n16 {
  margin-bottom: -32px
}

.uni-ml-16 {
  margin-left: 32px
}

.uni-ml-n16 {
  margin-left: -32px
}

.uni-mx-16 {
  margin-left: 32px;
  margin-right: 32px
}

.uni-mx-n16 {
  margin-left: -32px;
  margin-right: -32px
}

.uni-my-16 {
  margin-top: 32px;
  margin-bottom: 32px
}

.uni-my-n16 {
  margin-top: -32px;
  margin-bottom: -32px
}

.uni-ma-16 {
  margin: 32px
}

.uni-ma-n16 {
  margin: -32px
}

.uni-pt-0 {
  padding-top: 0
}

.uni-pt-n0 {
  padding-top: 0
}

.uni-pr-0 {
  padding-right: 0
}

.uni-pr-n0 {
  padding-right: 0
}

.uni-pb-0 {
  padding-bottom: 0
}

.uni-pb-n0 {
  padding-bottom: 0
}

.uni-pl-0 {
  padding-left: 0
}

.uni-pl-n0 {
  padding-left: 0
}

.uni-px-0 {
  padding-left: 0;
  padding-right: 0
}

.uni-px-n0 {
  padding-left: 0;
  padding-right: 0
}

.uni-py-0 {
  padding-top: 0;
  padding-bottom: 0
}

.uni-py-n0 {
  padding-top: 0;
  padding-bottom: 0
}

.uni-pa-0 {
  padding: 0
}

.uni-pa-n0 {
  padding: 0
}

.uni-pt-1 {
  padding-top: 2px
}

.uni-pt-n1 {
  padding-top: -2px
}

.uni-pr-1 {
  padding-right: 2px
}

.uni-pr-n1 {
  padding-right: -2px
}

.uni-pb-1 {
  padding-bottom: 2px
}

.uni-pb-n1 {
  padding-bottom: -2px
}

.uni-pl-1 {
  padding-left: 2px
}

.uni-pl-n1 {
  padding-left: -2px
}

.uni-px-1 {
  padding-left: 2px;
  padding-right: 2px
}

.uni-px-n1 {
  padding-left: -2px;
  padding-right: -2px
}

.uni-py-1 {
  padding-top: 2px;
  padding-bottom: 2px
}

.uni-py-n1 {
  padding-top: -2px;
  padding-bottom: -2px
}

.uni-pa-1 {
  padding: 2px
}

.uni-pa-n1 {
  padding: -2px
}

.uni-pt-2 {
  padding-top: 4px
}

.uni-pt-n2 {
  padding-top: -4px
}

.uni-pr-2 {
  padding-right: 4px
}

.uni-pr-n2 {
  padding-right: -4px
}

.uni-pb-2 {
  padding-bottom: 4px
}

.uni-pb-n2 {
  padding-bottom: -4px
}

.uni-pl-2 {
  padding-left: 4px
}

.uni-pl-n2 {
  padding-left: -4px
}

.uni-px-2 {
  padding-left: 4px;
  padding-right: 4px
}

.uni-px-n2 {
  padding-left: -4px;
  padding-right: -4px
}

.uni-py-2 {
  padding-top: 4px;
  padding-bottom: 4px
}

.uni-py-n2 {
  padding-top: -4px;
  padding-bottom: -4px
}

.uni-pa-2 {
  padding: 4px
}

.uni-pa-n2 {
  padding: -4px
}

.uni-pt-3 {
  padding-top: 6px
}

.uni-pt-n3 {
  padding-top: -6px
}

.uni-pr-3 {
  padding-right: 6px
}

.uni-pr-n3 {
  padding-right: -6px
}

.uni-pb-3 {
  padding-bottom: 6px
}

.uni-pb-n3 {
  padding-bottom: -6px
}

.uni-pl-3 {
  padding-left: 6px
}

.uni-pl-n3 {
  padding-left: -6px
}

.uni-px-3 {
  padding-left: 6px;
  padding-right: 6px
}

.uni-px-n3 {
  padding-left: -6px;
  padding-right: -6px
}

.uni-py-3 {
  padding-top: 6px;
  padding-bottom: 6px
}

.uni-py-n3 {
  padding-top: -6px;
  padding-bottom: -6px
}

.uni-pa-3 {
  padding: 6px
}

.uni-pa-n3 {
  padding: -6px
}

.uni-pt-4 {
  padding-top: 8px
}

.uni-pt-n4 {
  padding-top: -8px
}

.uni-pr-4 {
  padding-right: 8px
}

.uni-pr-n4 {
  padding-right: -8px
}

.uni-pb-4 {
  padding-bottom: 8px
}

.uni-pb-n4 {
  padding-bottom: -8px
}

.uni-pl-4 {
  padding-left: 8px
}

.uni-pl-n4 {
  padding-left: -8px
}

.uni-px-4 {
  padding-left: 8px;
  padding-right: 8px
}

.uni-px-n4 {
  padding-left: -8px;
  padding-right: -8px
}

.uni-py-4 {
  padding-top: 8px;
  padding-bottom: 8px
}

.uni-py-n4 {
  padding-top: -8px;
  padding-bottom: -8px
}

.uni-pa-4 {
  padding: 8px
}

.uni-pa-n4 {
  padding: -8px
}

.uni-pt-5 {
  padding-top: 10px
}

.uni-pt-n5 {
  padding-top: -10px
}

.uni-pr-5 {
  padding-right: 10px
}

.uni-pr-n5 {
  padding-right: -10px
}

.uni-pb-5 {
  padding-bottom: 10px
}

.uni-pb-n5 {
  padding-bottom: -10px
}

.uni-pl-5 {
  padding-left: 10px
}

.uni-pl-n5 {
  padding-left: -10px
}

.uni-px-5 {
  padding-left: 10px;
  padding-right: 10px
}

.uni-px-n5 {
  padding-left: -10px;
  padding-right: -10px
}

.uni-py-5 {
  padding-top: 10px;
  padding-bottom: 10px
}

.uni-py-n5 {
  padding-top: -10px;
  padding-bottom: -10px
}

.uni-pa-5 {
  padding: 10px
}

.uni-pa-n5 {
  padding: -10px
}

.uni-pt-6 {
  padding-top: 12px
}

.uni-pt-n6 {
  padding-top: -12px
}

.uni-pr-6 {
  padding-right: 12px
}

.uni-pr-n6 {
  padding-right: -12px
}

.uni-pb-6 {
  padding-bottom: 12px
}

.uni-pb-n6 {
  padding-bottom: -12px
}

.uni-pl-6 {
  padding-left: 12px
}

.uni-pl-n6 {
  padding-left: -12px
}

.uni-px-6 {
  padding-left: 12px;
  padding-right: 12px
}

.uni-px-n6 {
  padding-left: -12px;
  padding-right: -12px
}

.uni-py-6 {
  padding-top: 12px;
  padding-bottom: 12px
}

.uni-py-n6 {
  padding-top: -12px;
  padding-bottom: -12px
}

.uni-pa-6 {
  padding: 12px
}

.uni-pa-n6 {
  padding: -12px
}

.uni-pt-7 {
  padding-top: 14px
}

.uni-pt-n7 {
  padding-top: -14px
}

.uni-pr-7 {
  padding-right: 14px
}

.uni-pr-n7 {
  padding-right: -14px
}

.uni-pb-7 {
  padding-bottom: 14px
}

.uni-pb-n7 {
  padding-bottom: -14px
}

.uni-pl-7 {
  padding-left: 14px
}

.uni-pl-n7 {
  padding-left: -14px
}

.uni-px-7 {
  padding-left: 14px;
  padding-right: 14px
}

.uni-px-n7 {
  padding-left: -14px;
  padding-right: -14px
}

.uni-py-7 {
  padding-top: 14px;
  padding-bottom: 14px
}

.uni-py-n7 {
  padding-top: -14px;
  padding-bottom: -14px
}

.uni-pa-7 {
  padding: 14px
}

.uni-pa-n7 {
  padding: -14px
}

.uni-pt-8 {
  padding-top: 16px
}

.uni-pt-n8 {
  padding-top: -16px
}

.uni-pr-8 {
  padding-right: 16px
}

.uni-pr-n8 {
  padding-right: -16px
}

.uni-pb-8 {
  padding-bottom: 16px
}

.uni-pb-n8 {
  padding-bottom: -16px
}

.uni-pl-8 {
  padding-left: 16px
}

.uni-pl-n8 {
  padding-left: -16px
}

.uni-px-8 {
  padding-left: 16px;
  padding-right: 16px
}

.uni-px-n8 {
  padding-left: -16px;
  padding-right: -16px
}

.uni-py-8 {
  padding-top: 16px;
  padding-bottom: 16px
}

.uni-py-n8 {
  padding-top: -16px;
  padding-bottom: -16px
}

.uni-pa-8 {
  padding: 16px
}

.uni-pa-n8 {
  padding: -16px
}

.uni-pt-9 {
  padding-top: 18px
}

.uni-pt-n9 {
  padding-top: -18px
}

.uni-pr-9 {
  padding-right: 18px
}

.uni-pr-n9 {
  padding-right: -18px
}

.uni-pb-9 {
  padding-bottom: 18px
}

.uni-pb-n9 {
  padding-bottom: -18px
}

.uni-pl-9 {
  padding-left: 18px
}

.uni-pl-n9 {
  padding-left: -18px
}

.uni-px-9 {
  padding-left: 18px;
  padding-right: 18px
}

.uni-px-n9 {
  padding-left: -18px;
  padding-right: -18px
}

.uni-py-9 {
  padding-top: 18px;
  padding-bottom: 18px
}

.uni-py-n9 {
  padding-top: -18px;
  padding-bottom: -18px
}

.uni-pa-9 {
  padding: 18px
}

.uni-pa-n9 {
  padding: -18px
}

.uni-pt-10 {
  padding-top: 20px
}

.uni-pt-n10 {
  padding-top: -20px
}

.uni-pr-10 {
  padding-right: 20px
}

.uni-pr-n10 {
  padding-right: -20px
}

.uni-pb-10 {
  padding-bottom: 20px
}

.uni-pb-n10 {
  padding-bottom: -20px
}

.uni-pl-10 {
  padding-left: 20px
}

.uni-pl-n10 {
  padding-left: -20px
}

.uni-px-10 {
  padding-left: 20px;
  padding-right: 20px
}

.uni-px-n10 {
  padding-left: -20px;
  padding-right: -20px
}

.uni-py-10 {
  padding-top: 20px;
  padding-bottom: 20px
}

.uni-py-n10 {
  padding-top: -20px;
  padding-bottom: -20px
}

.uni-pa-10 {
  padding: 20px
}

.uni-pa-n10 {
  padding: -20px
}

.uni-pt-11 {
  padding-top: 22px
}

.uni-pt-n11 {
  padding-top: -22px
}

.uni-pr-11 {
  padding-right: 22px
}

.uni-pr-n11 {
  padding-right: -22px
}

.uni-pb-11 {
  padding-bottom: 22px
}

.uni-pb-n11 {
  padding-bottom: -22px
}

.uni-pl-11 {
  padding-left: 22px
}

.uni-pl-n11 {
  padding-left: -22px
}

.uni-px-11 {
  padding-left: 22px;
  padding-right: 22px
}

.uni-px-n11 {
  padding-left: -22px;
  padding-right: -22px
}

.uni-py-11 {
  padding-top: 22px;
  padding-bottom: 22px
}

.uni-py-n11 {
  padding-top: -22px;
  padding-bottom: -22px
}

.uni-pa-11 {
  padding: 22px
}

.uni-pa-n11 {
  padding: -22px
}

.uni-pt-12 {
  padding-top: 24px
}

.uni-pt-n12 {
  padding-top: -24px
}

.uni-pr-12 {
  padding-right: 24px
}

.uni-pr-n12 {
  padding-right: -24px
}

.uni-pb-12 {
  padding-bottom: 24px
}

.uni-pb-n12 {
  padding-bottom: -24px
}

.uni-pl-12 {
  padding-left: 24px
}

.uni-pl-n12 {
  padding-left: -24px
}

.uni-px-12 {
  padding-left: 24px;
  padding-right: 24px
}

.uni-px-n12 {
  padding-left: -24px;
  padding-right: -24px
}

.uni-py-12 {
  padding-top: 24px;
  padding-bottom: 24px
}

.uni-py-n12 {
  padding-top: -24px;
  padding-bottom: -24px
}

.uni-pa-12 {
  padding: 24px
}

.uni-pa-n12 {
  padding: -24px
}

.uni-pt-13 {
  padding-top: 26px
}

.uni-pt-n13 {
  padding-top: -26px
}

.uni-pr-13 {
  padding-right: 26px
}

.uni-pr-n13 {
  padding-right: -26px
}

.uni-pb-13 {
  padding-bottom: 26px
}

.uni-pb-n13 {
  padding-bottom: -26px
}

.uni-pl-13 {
  padding-left: 26px
}

.uni-pl-n13 {
  padding-left: -26px
}

.uni-px-13 {
  padding-left: 26px;
  padding-right: 26px
}

.uni-px-n13 {
  padding-left: -26px;
  padding-right: -26px
}

.uni-py-13 {
  padding-top: 26px;
  padding-bottom: 26px
}

.uni-py-n13 {
  padding-top: -26px;
  padding-bottom: -26px
}

.uni-pa-13 {
  padding: 26px
}

.uni-pa-n13 {
  padding: -26px
}

.uni-pt-14 {
  padding-top: 28px
}

.uni-pt-n14 {
  padding-top: -28px
}

.uni-pr-14 {
  padding-right: 28px
}

.uni-pr-n14 {
  padding-right: -28px
}

.uni-pb-14 {
  padding-bottom: 28px
}

.uni-pb-n14 {
  padding-bottom: -28px
}

.uni-pl-14 {
  padding-left: 28px
}

.uni-pl-n14 {
  padding-left: -28px
}

.uni-px-14 {
  padding-left: 28px;
  padding-right: 28px
}

.uni-px-n14 {
  padding-left: -28px;
  padding-right: -28px
}

.uni-py-14 {
  padding-top: 28px;
  padding-bottom: 28px
}

.uni-py-n14 {
  padding-top: -28px;
  padding-bottom: -28px
}

.uni-pa-14 {
  padding: 28px
}

.uni-pa-n14 {
  padding: -28px
}

.uni-pt-15 {
  padding-top: 30px
}

.uni-pt-n15 {
  padding-top: -30px
}

.uni-pr-15 {
  padding-right: 30px
}

.uni-pr-n15 {
  padding-right: -30px
}

.uni-pb-15 {
  padding-bottom: 30px
}

.uni-pb-n15 {
  padding-bottom: -30px
}

.uni-pl-15 {
  padding-left: 30px
}

.uni-pl-n15 {
  padding-left: -30px
}

.uni-px-15 {
  padding-left: 30px;
  padding-right: 30px
}

.uni-px-n15 {
  padding-left: -30px;
  padding-right: -30px
}

.uni-py-15 {
  padding-top: 30px;
  padding-bottom: 30px
}

.uni-py-n15 {
  padding-top: -30px;
  padding-bottom: -30px
}

.uni-pa-15 {
  padding: 30px
}

.uni-pa-n15 {
  padding: -30px
}

.uni-pt-16 {
  padding-top: 32px
}

.uni-pt-n16 {
  padding-top: -32px
}

.uni-pr-16 {
  padding-right: 32px
}

.uni-pr-n16 {
  padding-right: -32px
}

.uni-pb-16 {
  padding-bottom: 32px
}

.uni-pb-n16 {
  padding-bottom: -32px
}

.uni-pl-16 {
  padding-left: 32px
}

.uni-pl-n16 {
  padding-left: -32px
}

.uni-px-16 {
  padding-left: 32px;
  padding-right: 32px
}

.uni-px-n16 {
  padding-left: -32px;
  padding-right: -32px
}

.uni-py-16 {
  padding-top: 32px;
  padding-bottom: 32px
}

.uni-py-n16 {
  padding-top: -32px;
  padding-bottom: -32px
}

.uni-pa-16 {
  padding: 32px
}

.uni-pa-n16 {
  padding: -32px
}

.uni-radius-0 {
  border-radius: 0
}

.uni-radius {
  border-radius: 5px
}

.uni-radius-lg {
  border-radius: 10px
}

.uni-radius-xl {
  border-radius: 30px
}

.uni-radius-pill {
  border-radius: 9999px
}

.uni-radius-circle {
  border-radius: 50%
}

.uni-radius-t-0 {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.uni-radius-t {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px
}

.uni-radius-t-lg {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px
}

.uni-radius-t-xl {
  border-top-left-radius: 30px;
  border-top-right-radius: 30px
}

.uni-radius-t-pill {
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px
}

.uni-radius-t-circle {
  border-top-left-radius: 50%;
  border-top-right-radius: 50%
}

.uni-radius-r-0 {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.uni-radius-r {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px
}

.uni-radius-r-lg {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px
}

.uni-radius-r-xl {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px
}

.uni-radius-r-pill {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px
}

.uni-radius-r-circle {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%
}

.uni-radius-b-0 {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.uni-radius-b {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px
}

.uni-radius-b-lg {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px
}

.uni-radius-b-xl {
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px
}

.uni-radius-b-pill {
  border-bottom-left-radius: 9999px;
  border-bottom-right-radius: 9999px
}

.uni-radius-b-circle {
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%
}

.uni-radius-l-0 {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.uni-radius-l {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px
}

.uni-radius-l-lg {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px
}

.uni-radius-l-xl {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px
}

.uni-radius-l-pill {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px
}

.uni-radius-l-circle {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%
}

.uni-radius-tl-0 {
  border-top-left-radius: 0
}

.uni-radius-tl {
  border-top-left-radius: 5px
}

.uni-radius-tl-lg {
  border-top-left-radius: 10px
}

.uni-radius-tl-xl {
  border-top-left-radius: 30px
}

.uni-radius-tl-pill {
  border-top-left-radius: 9999px
}

.uni-radius-tl-circle {
  border-top-left-radius: 50%
}

.uni-radius-tr-0 {
  border-top-right-radius: 0
}

.uni-radius-tr {
  border-top-right-radius: 5px
}

.uni-radius-tr-lg {
  border-top-right-radius: 10px
}

.uni-radius-tr-xl {
  border-top-right-radius: 30px
}

.uni-radius-tr-pill {
  border-top-right-radius: 9999px
}

.uni-radius-tr-circle {
  border-top-right-radius: 50%
}

.uni-radius-br-0 {
  border-bottom-right-radius: 0
}

.uni-radius-br {
  border-bottom-right-radius: 5px
}

.uni-radius-br-lg {
  border-bottom-right-radius: 10px
}

.uni-radius-br-xl {
  border-bottom-right-radius: 30px
}

.uni-radius-br-pill {
  border-bottom-right-radius: 9999px
}

.uni-radius-br-circle {
  border-bottom-right-radius: 50%
}

.uni-radius-bl-0 {
  border-bottom-left-radius: 0
}

.uni-radius-bl {
  border-bottom-left-radius: 5px
}

.uni-radius-bl-lg {
  border-bottom-left-radius: 10px
}

.uni-radius-bl-xl {
  border-bottom-left-radius: 30px
}

.uni-radius-bl-pill {
  border-bottom-left-radius: 9999px
}

.uni-radius-bl-circle {
  border-bottom-left-radius: 50%
}

.uni-h1 {
  font-size: 32px;
  font-weight: 300;
  line-height: 50px
}

.uni-h2 {
  font-size: 28px;
  font-weight: 300;
  line-height: 40px
}

.uni-h3 {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px
}

.uni-h4 {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px
}

.uni-h5 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px
}

.uni-h6 {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px
}

.uni-subtitle {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px
}

.uni-body {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px
}

.uni-caption {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px
}

.uni-btn {
  margin: 5px;
  color: #393939;
  border: 1px solid #ccc;
  font-size: 16px;
  font-weight: 200;
  background-color: #f9f9f9;
  overflow: visible
}

.uni-btn::after {
  border: none
}

.uni-btn:not([type]), .uni-btn[type=default] {
  color: #999
}

.uni-btn:not([type])[loading], .uni-btn[type=default][loading] {
  background: none
}

.uni-btn:not([type])[loading]::before, .uni-btn[type=default][loading]::before {
  margin-right: 5px
}

.uni-btn:not([type])[disabled], .uni-btn[type=default][disabled] {
  color: #d6d6d6
}

.uni-btn:not([type])[disabled], .uni-btn:not([type])[disabled][loading], .uni-btn:not([type])[disabled]:active, .uni-btn[type=default][disabled], .uni-btn[type=default][disabled][loading], .uni-btn[type=default][disabled]:active {
  color: #d6d6d6;
  background-color: #fafafa;
  border-color: #f0f0f0
}

.uni-btn:not([type])[plain], .uni-btn[type=default][plain] {
  color: #999;
  background: none;
  border-color: #f0f0f0
}

.uni-btn:not([type])[plain]:not([hover-class]):active, .uni-btn[type=default][plain]:not([hover-class]):active {
  background: none;
  color: #ccc;
  border-color: #e6e6e6;
  outline: none
}

.uni-btn:not([type])[plain][disabled], .uni-btn:not([type])[plain][disabled][loading], .uni-btn:not([type])[plain][disabled]:active, .uni-btn[type=default][plain][disabled], .uni-btn[type=default][plain][disabled][loading], .uni-btn[type=default][plain][disabled]:active {
  background: none;
  color: #d6d6d6;
  border-color: #f0f0f0
}

.uni-btn:not([hover-class]):active {
  color: grey
}

.uni-btn[size=mini] {
  font-size: 16px;
  font-weight: 200;
  border-radius: 8px
}

.uni-btn.uni-btn-small {
  font-size: 14px
}

.uni-btn.uni-btn-mini {
  font-size: 12px
}

.uni-btn.uni-btn-radius {
  border-radius: 999px
}

.uni-btn[type=primary] {
  color: #fff;
  background-color: #2979ff;
  border-color: #266feb
}

.uni-btn[type=primary]:not([hover-class]):active {
  background: #256de6;
  border-color: #2161cc;
  color: #fff;
  outline: none
}

.uni-btn[type=primary][loading] {
  color: #fff;
  background-color: #2979ff;
  border-color: #266feb
}

.uni-btn[type=primary][loading]:not([hover-class]):active {
  background: #256de6;
  border-color: #2161cc;
  color: #fff;
  outline: none
}

.uni-btn[type=primary][loading]::before {
  margin-right: 5px
}

.uni-btn[type=primary][disabled], .uni-btn[type=primary][disabled][loading], .uni-btn[type=primary][disabled]:not([hover-class]):active {
  color: #fff;
  border-color: #80adfa;
  background-color: #94bcff
}

.uni-btn[type=primary][plain] {
  color: #2979ff;
  background-color: #eaf2ff;
  border-color: #bfd7ff
}

.uni-btn[type=primary][plain]:not([hover-class]):active {
  background: #d4e4ff;
  color: #2979ff;
  outline: none;
  border-color: #94bcff
}

.uni-btn[type=primary][plain][loading] {
  color: #2979ff;
  background-color: #eaf2ff;
  border-color: #bfd7ff
}

.uni-btn[type=primary][plain][loading]:not([hover-class]):active {
  background: #d4e4ff;
  color: #2979ff;
  outline: none;
  border-color: #94bcff
}

.uni-btn[type=primary][plain][loading]::before {
  margin-right: 5px
}

.uni-btn[type=primary][plain][disabled], .uni-btn[type=primary][plain][disabled]:active {
  color: #7fafff;
  background-color: #eaf2ff;
  border-color: #d4e4ff
}

.uni-btn[type=success] {
  color: #fff;
  background-color: #18bc37;
  border-color: #16ad33
}

.uni-btn[type=success]:not([hover-class]):active {
  background: #16a932;
  border-color: #13962c;
  color: #fff;
  outline: none
}

.uni-btn[type=success][loading] {
  color: #fff;
  background-color: #18bc37;
  border-color: #16ad33
}

.uni-btn[type=success][loading]:not([hover-class]):active {
  background: #16a932;
  border-color: #13962c;
  color: #fff;
  outline: none
}

.uni-btn[type=success][loading]::before {
  margin-right: 5px
}

.uni-btn[type=success][disabled], .uni-btn[type=success][disabled][loading], .uni-btn[type=success][disabled]:not([hover-class]):active {
  color: #fff;
  border-color: #89c794;
  background-color: #8cde9b
}

.uni-btn[type=success][plain] {
  color: #18bc37;
  background-color: #e8f8eb;
  border-color: #baebc3
}

.uni-btn[type=success][plain]:not([hover-class]):active {
  background: #d1f2d7;
  color: #18bc37;
  outline: none;
  border-color: #8cde9b
}

.uni-btn[type=success][plain][loading] {
  color: #18bc37;
  background-color: #e8f8eb;
  border-color: #baebc3
}

.uni-btn[type=success][plain][loading]:not([hover-class]):active {
  background: #d1f2d7;
  color: #18bc37;
  outline: none;
  border-color: #8cde9b
}

.uni-btn[type=success][plain][loading]::before {
  margin-right: 5px
}

.uni-btn[type=success][plain][disabled], .uni-btn[type=success][plain][disabled]:active {
  color: #74d787;
  background-color: #e8f8eb;
  border-color: #d1f2d7
}

.uni-btn[type=error] {
  color: #fff;
  background-color: #e43d33;
  border-color: #d2382f
}

.uni-btn[type=error]:not([hover-class]):active {
  background: #cd372e;
  border-color: #b63129;
  color: #fff;
  outline: none
}

.uni-btn[type=error][loading] {
  color: #fff;
  background-color: #e43d33;
  border-color: #d2382f
}

.uni-btn[type=error][loading]:not([hover-class]):active {
  background: #cd372e;
  border-color: #b63129;
  color: #fff;
  outline: none
}

.uni-btn[type=error][loading]::before {
  margin-right: 5px
}

.uni-btn[type=error][disabled], .uni-btn[type=error][disabled][loading], .uni-btn[type=error][disabled]:not([hover-class]):active {
  color: #fff;
  border-color: #e4928d;
  background-color: #f29e99
}

.uni-btn[type=error][plain] {
  color: #e43d33;
  background-color: #fceceb;
  border-color: #f7c5c2
}

.uni-btn[type=error][plain]:not([hover-class]):active {
  background: #fad8d6;
  color: #e43d33;
  outline: none;
  border-color: #f29e99
}

.uni-btn[type=error][plain][loading] {
  color: #e43d33;
  background-color: #fceceb;
  border-color: #f7c5c2
}

.uni-btn[type=error][plain][loading]:not([hover-class]):active {
  background: #fad8d6;
  color: #e43d33;
  outline: none;
  border-color: #f29e99
}

.uni-btn[type=error][plain][loading]::before {
  margin-right: 5px
}

.uni-btn[type=error][plain][disabled], .uni-btn[type=error][plain][disabled]:active {
  color: #ef8b85;
  background-color: #fceceb;
  border-color: #fad8d6
}

.uni-btn[type=warning] {
  color: #fff;
  background-color: #f3a73f;
  border-color: #e09a3a
}

.uni-btn[type=warning]:not([hover-class]):active {
  background: #db9639;
  border-color: #c28632;
  color: #fff;
  outline: none
}

.uni-btn[type=warning][loading] {
  color: #fff;
  background-color: #f3a73f;
  border-color: #e09a3a
}

.uni-btn[type=warning][loading]:not([hover-class]):active {
  background: #db9639;
  border-color: #c28632;
  color: #fff;
  outline: none
}

.uni-btn[type=warning][loading]::before {
  margin-right: 5px
}

.uni-btn[type=warning][disabled], .uni-btn[type=warning][disabled][loading], .uni-btn[type=warning][disabled]:not([hover-class]):active {
  color: #fff;
  border-color: #f8c887;
  background-color: #f9d39f
}

.uni-btn[type=warning][plain] {
  color: #f3a73f;
  background-color: #fef6ec;
  border-color: #fbe5c5
}

.uni-btn[type=warning][plain]:not([hover-class]):active {
  background: #fdedd9;
  color: #f3a73f;
  outline: none;
  border-color: #f9d39f
}

.uni-btn[type=warning][plain][loading] {
  color: #f3a73f;
  background-color: #fef6ec;
  border-color: #fbe5c5
}

.uni-btn[type=warning][plain][loading]:not([hover-class]):active {
  background: #fdedd9;
  color: #f3a73f;
  outline: none;
  border-color: #f9d39f
}

.uni-btn[type=warning][plain][loading]::before {
  margin-right: 5px
}

.uni-btn[type=warning][plain][disabled], .uni-btn[type=warning][plain][disabled]:active {
  color: #f8ca8c;
  background-color: #fef6ec;
  border-color: #fdedd9
}

.uni-btn[type=info] {
  color: #fff;
  background-color: #8f939c;
  border-color: #848790
}

.uni-btn[type=info]:not([hover-class]):active {
  background: #81848c;
  border-color: #72767d;
  color: #fff;
  outline: none
}

.uni-btn[type=info][loading] {
  color: #fff;
  background-color: #8f939c;
  border-color: #848790
}

.uni-btn[type=info][loading]:not([hover-class]):active {
  background: #81848c;
  border-color: #72767d;
  color: #fff;
  outline: none
}

.uni-btn[type=info][loading]::before {
  margin-right: 5px
}

.uni-btn[type=info][disabled], .uni-btn[type=info][disabled][loading], .uni-btn[type=info][disabled]:not([hover-class]):active {
  color: #fff;
  border-color: #babcc1;
  background-color: #c7c9ce
}

.uni-btn[type=info][plain] {
  color: #8f939c;
  background-color: #f4f4f5;
  border-color: #dddfe1
}

.uni-btn[type=info][plain]:not([hover-class]):active {
  background: #e9e9eb;
  color: #8f939c;
  outline: none;
  border-color: #c7c9ce
}

.uni-btn[type=info][plain][loading] {
  color: #8f939c;
  background-color: #f4f4f5;
  border-color: #dddfe1
}

.uni-btn[type=info][plain][loading]:not([hover-class]):active {
  background: #e9e9eb;
  color: #8f939c;
  outline: none;
  border-color: #c7c9ce
}

.uni-btn[type=info][plain][loading]::before {
  margin-right: 5px
}

.uni-btn[type=info][plain][disabled], .uni-btn[type=info][plain][disabled]:active {
  color: #bcbec4;
  background-color: #f4f4f5;
  border-color: #e9e9eb
}

.maxing {
  max-width: 100%
}

.container {
  min-height: 100%;
  background: #e7f4fd;
  overflow: hidden
}

.bg {
  height: 100%;
  background-size: 342px 100%
}

.title {
  font-size: 14px;
  font-family: SemiBold;
  color: #fff;
  padding-top: calc(12px + 0px);
  opacity: 0
}

.tips {
  font-size: 11px;
  font-family: Medium;
  color: red;
  background: hsla(0, 0%, 100%, .7);
  margin: 4px 13px 13px;
  padding: 9px;
  box-sizing: border-box;
  border-radius: 4px;
  white-space: pre-line;
}

.banner {
  height: 91px;
  margin: 9px 13px;
  border-radius: 7px;
  overflow: hidden
}

.banner .wh100 {
  width: 100%;
  height: 100%;
  border-radius: 7px
}

.main {
  margin: 0 13px 9px
}

.main .h1 {
  font-size: 16px;
  font-family: SemiBold;
  color: #333;
  margin-bottom: 13px
}

.main .type {
  margin-bottom: 10px
}

.main .type .blue {
  font-size: 14px;
  font-family: DemiBold;
  color: #3875f4;
  line-height: 17px
}

.main .type .green {
  font-size: 14px;
  font-family: DemiBold;
  color: #6cd09a;
  line-height: 17px
}

.main .type .orange {
  font-size: 14px;
  font-family: DemiBold;
  color: #f7a631;
  line-height: 17px
}

.main .type .text {
  font-size: 11px;
  font-family: Medium;
  color: #666;
  line-height: 13px;
  margin-top: 5px
}

.main .type .picture1 {
  background-image: url(/static/index/image/105.png);
  background-size: 100% 100%;
}

.main .type .picture1-1 {
  background-image: url(/static/index/image/105-1.png);
  background-size: 100% 100%;
}

.main .type .picture2 {
  background-image: url(staticimage/106.png);
  background-size: 100% 100%;
}

.main .type .picture3 {
  background-image: url(staticimage/107.png);
  background-size: 100% 100%;
}

.main .type .left {
  width: 136px;
  height: 136px;
  padding: 10px 0 0 10px;
  box-sizing: border-box
}

.main .type .left .btn {
  width: 69px;
  height: 29px;
  font-size: 13px;
  font-family: SemiBold;
  color: #f5f5f5;
  background: #3875f4;
  border-radius: 14px;
  margin-top: 21px
}

.main .type .right {
  width: 171px;
  height: 136px
}

.main .type .right .item {
  width: 171px;
  height: 64px;
  padding: 10px 0 0 10px;
  box-sizing: border-box
}

.main .list .item {
  background: #fff;
  border: 1px solid #fff;
  border-radius: 12px;
  padding: 18px;
  margin-bottom: 9px;
  box-sizing: border-box
}

.main .list .item .icon {
  width: 43px;
  height: 43px;
  margin-right: 13px
}

.main .list .item .centre {
  flex: 1
}

.main .list .item .centre .text1 {
  font-size: 16px;
  font-family: DemiBold;
  color: #3875f4;
  line-height: 19px;
  margin-bottom: 9px
}

.main .list .item .centre .text2 {
  font-size: 12px;
  font-family: Medium;
  color: #666;
  line-height: 15px
}

.main .list .item .btn {
  width: 69px;
  height: 29px;
  font-size: 13px;
  font-family: SemiBold;
  color: #fff;
  background: #3875f4;
  border-radius: 14px;
  text-decoration: none;
}


footer.footer-bottom, footer.footer-bottom .footer, footer.footer-top, footer.footer-top .footer {
  position: fixed;
  left: 0px;
  right: 0px;
}
</style>